body.home {
        background: none;
       
    }
    section.SkydogBusiness-section1 {
        background-image: url(image/bg-shape.png);
        background-repeat: no-repeat;
        background-position: bottom -36px left 55px;
    }
    .container.top-div-skydoggbusiness {
        max-width: 1320px;
    }
    .skydogg-Business {
        width: 100%;
        display: flex;
        padding: 55px 0px 80px 0px;
    }
    .div-left-business {
        width: 40%;
        float: left;
    }
    .div-right-Skydoggimg {
        width: 60%;
        float: left;
        position: relative;
    }
    img.skydogg-topimg {
        width: 100%;
    }
    .div-left-content {
        position: relative;
        top: 210px;
    }
    h2.h2-title-business {
        font-size: 65px;
        letter-spacing: -2px;
        line-height: 81px;
        color: #000000;
        font-weight: 600;
    }
    h3.h3-title-business {
        font-size: 30px;
        letter-spacing: 2px;
        line-height: 54px;
        color: #000000;
        font-weight: 400;
    }
    button.intro-video {
        border-radius: 100rem;
        font-size: 1rem;
        border: solid 3px transparent;
        background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)),
         linear-gradient(101deg, #52afa5, #756fbb);
        background-origin: border-box;
        background-clip: content-box, border-box;
        box-shadow: 2px 1000px 1px #fff inset;
        padding: 10px 70px 10px 39px;
    }
    .button-intro {
        display: flex;
        margin-top: 40px;
    }   
    img.play-introimg {
        position: relative;
        left: -50px;
    }
    a.sd_play_btn {
        position: absolute;
        bottom: 171px;
        right: 30px;
        padding: 15px 14px;
        opacity: 0;
        cursor: pointer;
    }
    section.SocialMedia-section {
        background: #f7f7f7;
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .content-social {
        text-align: center;
        font-size: 30px;
        letter-spacing: 1px;
        line-height: 46px;
        color: #1c1c1c;
        font-weight: 500;
        padding: 0px 110px 28px;
    }
    .content-social p {
        color: #1c1c1c;
        font-size: 30px;
        line-height: 46px;
        font-weight: 500;
        letter-spacing: 1px;
    }
    .top-enewslatter {
        width: 100%;
        display: flex;
        box-shadow: 10px 10px 20px #f6f6f6;
    }
    .left-img-newslatter {
        width: 50%;
        float: left;
    }
    img.img-news {
        width: 100%;
    }
    .right-newslatter {
        width: 50%;
        float: left;
        background: white;  
    }
    .container.enewslatters {
        padding: 32px 75px 15px 42px;
    } 
    .container.enewslatters h4 {
        font-size: 22px;
        letter-spacing: 0px;
        line-height: 34px;
        color: #1c1c1c;
        font-weight: 400;
    }
    .container.enewslatters p {
        font-size: 16px;
        letter-spacing: 0px;
        line-height: 34px;
        color: #1c1c1c;
        font-weight: 300;
    }
    ul.ul-enewslatters {
        font-size: 15px;
        letter-spacing: 0px;
        line-height: 34px;
        color: #1c1c1c;
        font-weight: 300;
        margin-left: -36px;
        list-style-type: none;
    }
    ul.ul-enewslatters li:before{
        content:'';
        padding: 0 0 0 27px;
        background:url(image/right-sign.png) no-repeat 0 3px;
    }
    .ul-enewslatters li {
        padding-left: 7px;
    }
    .input-mail {
        border-bottom: 3px solid black;
        display: flex;
        padding-top: 20px;
    }
    input#mail {
        border: none;
        padding: 2px 10px;
        width: 90%;
        float: right;
        font-size: 16px;
        line-height: 28px;
        font-weight: 300;
        color: #000000;
        padding-bottom: 10px;
    }
    input#mail::placeholder { 
      color: black;
      opacity: 1; /* Firefox */
    }
    i.fas.fa-check {
        width: 10%;
        line-height: 28px;
        float: right;
        text-align: right;
        padding: 7px 0px 5px 5px;
        background: -webkit-linear-gradient(#6d79b6, #3bb198);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .Channel-SocialMedia {
        padding: 30px 0px;
        width: 100%;
        display: flex;
    }
    .Channel {
        width: 65%;
        float: left;
        margin-right: 15px;
    }
    .Channelimg-play {
        background-image: url(image/ChannelHome.jpg);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        height: 424px;
        text-align: center;
    }
    img.Channel-play {
        position: relative;
        top: 145px;
    }
    .SocialMediaChannels {
        width: 35%;
        float: left;
        margin-left: 15px;
            background: white; 
    }
    .content-Channel {
        background: white;
        padding: 30px;
    }
    .title-Channel-BreakingNews {
        width: 100%;
        display: flex;

    }
    .stay_dogg{

    }
    .title-Channel {
        float: left;
        width: 50%;
        display: flex;
    }
    .BreakingNews {
        float: right;
        width: 50%;
        display: flex;
        line-height: 28px;
    }
    .right-titleBreakingNews {
        width: 95%;
        text-align: right;
        font-size: 17px;
        letter-spacing: 1px;
        line-height: 81px;
        color: #000000;
        font-weight: 500;
    }
    h5 {
        background: -webkit-linear-gradient(
    -180deg
    , #6d79b6, #3bb198);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .right-arrow-news {
        width: 5%;
        text-align: right;
    }
    img.channel-img {
        width: 7%;
        height: 40px;
        position: relative;
        top: 0px;
        right: -10px;
    }
    i.fa.fa-chevron-right {
        position: relative;
        top: -2px;
        font-size: 18px;
        background: -webkit-linear-gradient( 
    -90deg
     , #3bb198, #6d79b6 );
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .title-Channel h4 {
        font-size: 22px;
        letter-spacing: 0px;
        line-height: 46px;
        color: #1c1c1c;
        font-weight: 500;
    }
    .content-Channel p {
        font-size: 16px;
        letter-spacing: 0px;
        line-height: 34px;
        color: #1c1c1c;
        font-weight: 300;
    }
    button.button-home {
        border-radius: 100rem;
        font-size: 17px;
        border: solid 3px transparent;
        background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient( 
    101deg
     , #52afa5, #756fbb);
        background-origin: border-box;
        background-clip: content-box, border-box;
        box-shadow: 2px 1000px 1px #fff inset;
        padding: 9px 30px;
    }
    .content-socialmedia {
        padding: 30px;
    }
    .content-socialmedia p {
        font-size: 16px;
        letter-spacing: 0px;
        line-height: 34px;
        color: #1c1c1c;
        font-weight: 300;
        padding-right: 30px;
    }
    .content-socialmedia h4 {
        font-size: 22px;
        letter-spacing: 0px;
        line-height: 34px;
        color: #1c1c1c;
        font-weight: 500;
    }
    img.SocialMedia-icons {
        width: 15%;
    }

    section.HelpYou {
        background-image: url(image/HelpYou.jpg);
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
    .container.GrowBusiness {
        padding: 60px 0px 203px 0px;
        width: 100%;
        display: flex;
    }
    .left-imgHelp {
        width: 42%;
        float: left;
    }
    img.skydogg-2-img {
        width: 100%;
        position: relative;
        right: 35px;
    }
    button.button-helpvlog {
        border-radius: 100rem;
        font-size: 17px;
        border: solid 3px transparent;
        background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient( 
    101deg
     , #52afa5, #756fbb);
        background-origin: border-box;
        background-clip: content-box, border-box;
        box-shadow: 2px 1000px 1px #eff1fb inset;
        padding: 9px 30px;
    }
    .btn-helpvlog {
        text-align: center;
        padding: 46px 1px;
    }
    .right-HelpYou {
        width: 58%;
        float: left;
    }
    .right-HelpYou h4 {
        font-size: 56px;
        line-height: 72px;
        color: #191c1f;
        font-weight: 600;
    }
    span.h4-span-grow {
        color: #6d79b6;
    }
    span.span-Business {
        color: #3dae9a;
    }
    .right-HelpYou p {
        font-size: 17px;
        letter-spacing: 0px;
        line-height: 34px;
        color: #191c1f;
        font-weight: 300;
    }
    .btn-helpvlog-mobile {
        display: none;}


    section.WhoLoveToRead {
        padding-top: 10px;
    }
    .container.LovetoRead {
        width: 100%;
        display: flex;
    }
    .left-content-LoveRead {
        width: 50%;
        float: left;
        padding: 30px 0px;
    }
    .imgloveread {
    display: none;
    }
    .right-imgloveread {
        width: 50%;
        float: left;
    }
    .left-content-LoveRead h4  {
        font-size: 60px ;
        line-height: 72px ;
        color: #191c1f ;
        font-weight: 600 ;
    }
    .left-content-LoveRead p {
        font-size: 17px;
        letter-spacing: 0px;
        line-height: 34px;
        color: #191c1f;
        font-weight: 300;
    }
    img.img-loveread {
        width: 100%;
    }
    img.skydoggsign {
        width: 25%;
    }

    section.EducateEntertainingStory {
        padding: 60px 0px;
    }
    .container.Educate-Stories {
        width: 100%;
        display: flex;
    }
    .left-imgeducatestories {
    width: 50%;
    float: left;
    display: block;
    }
    .right-educatestories {
        width: 50%;
        float: left;
    }
    .imgeducatestories-mobile {
    display: none;
    }
    .right-educatestories h4 {
        font-size: 56px;
        line-height: 72px;
        color: #191c1f;
        font-weight: 600;
    }
    .right-educatestories p {
        font-size: 17px;
        letter-spacing: 0px;
        line-height: 34px;
        color: #191c1f;
        font-weight: 300;
    }
    button.btn-readstories {
        border-radius: 100rem;
        font-size: 1rem;
        border: solid 3px transparent;
        background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient( 
    101deg
     , #52afa5, #756fbb);
        background-origin: border-box;
        background-clip: content-box, border-box;
        box-shadow: 2px 1000px 1px #fff inset;
        padding: 5px 20px;
    }
    img.img-educatestories {
        width: 100%;
        position: relative;
        right: 70px;
    }
    .readstories {
        padding-top: 20px;
    }

    section.SkydoggBlogProcess {
        background: #f8f8f8;
        padding-top: 60px ;
    }
    .skydoggprocess {
        width: 100%;
        display: flex;
    }
    .left-contentprocess {
        width: 80%;
        float: left;
    }
    .right-contentprocess {
        width: 20%;
        float: left;
    }
    .left-contentprocess h4 {
        font-size: 30px;
        letter-spacing: 1px;
        line-height: 32px;
        color: #1e2527;
        font-weight: 500;
    }
    .left-contentprocess p {
        font-size: 18px;
        letter-spacing: 1px;
        line-height: 32px;
        color: #1e2527;
        font-weight: 400;
        padding-bottom: 35px;
    }
    .container.sky_dogg_pree{
        max-width: 1200px;
    }
    button.btn-processvlog {
        border-radius: 100rem;
        font-size: 17px;
        border: solid 3px transparent;
        background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient( 
    101deg
     , #52afa5, #756fbb);
        background-origin: border-box;
        background-clip: content-box, border-box;
        box-shadow: 2px 1000px 1px #f8f8f8 inset;
        padding: 9px 30px;
        float: right;
    }
    .container.step-process {
        border-top: solid 3px transparent;
        background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient( 
    101deg
     , #37af93, #756fbb);
        box-shadow: 2px 1000px 1px #fff inset;
    }
    .skydogg-step-process {
        width: 100%;
        display: flex;
        padding: 30px 5px 10px;
    }   
    .topic-1 {
        width: 17%;
        float: left;
      }
    .topic-1  h4 {
        font-size: 20px;
        letter-spacing: 0px;
        line-height: 28px;
        color: black;
        font-weight: 600;
    }
    .topic-1 span.topic-span {
        color: #37af93;
    }
    .topic-1 p {
        font-size: 16px;
        letter-spacing: 0px;
        line-height: 25px;
        color: black;
        font-weight: 300;
    }
    .research-2 {
        width: 22%;
        float: left;
        display: flex;
    }
    .research-2 h4 {
        font-size: 20px;
        letter-spacing: 0px;
        line-height: 28px;
        color: black;
        font-weight: 600;
    }
    .research-2 p {
        font-size: 16px;
        letter-spacing: 0px;
        line-height: 25px;
        color: black;
        font-weight: 300;
    }
    .research-2 span.research-span {
        color: #43a09a;
    }
    .writing-3 {
        width: 22%;
        float: left;
        display: flex;
    }
    .writing-3 h4 {
        font-size: 20px;
        letter-spacing: 0px;
        line-height: 28px;
        color: black;
        font-weight: 600;
    }
    .writing-3 span.writing-span {
        color: #5091a2;
    }
    .writing-3 p {
        font-size: 16px;
        letter-spacing: 0px;
        line-height: 25px;
        color: black;
        font-weight: 300;
    }
    .design-4 {
        width: 22%;
        float: left;
        display: flex;
    }
    .design-4 h4 {
        font-size: 20px;
        letter-spacing: 0px;
        line-height: 28px;
        color: black;
        font-weight: 600;
    }
    .design-4 span.design-span {
        color: #5e81a9;
    }
    .design-4 p {
        font-size: 16px;
        letter-spacing: 0px;
        line-height: 25px;
        color: black;
        font-weight: 300;
    }
    .publishing-5 {
        width: 22%;
        float: left;
        display: flex;
    }
    .publishing-5 h4 {
        font-size: 20px;
        letter-spacing: 0px;
        line-height: 28px;
        color: black;
        font-weight: 600;
    }
    .publishing-5 span.publishing-span {
        color: #726bb4;
    }
    .publishing-5 p {
        font-size: 16px;
        letter-spacing: 0px;
        line-height: 25px;
        color: black;
        font-weight: 300;
    }
    .quote-skydogg {
        display: flex;
        width: 100%;
        padding: 50px 115px;
        text-align: center;
    }
    .img-comma1 {
        width: 10%;
    }
    img.comma1 {
        position: relative;
        top: 20px;
    }
    .content-quoteskydogg {
        width: 80%;
    }
    .content-quoteskydogg p {
        font-size: 22px;
        letter-spacing: 0px;
        line-height: 38px;
        color: #1e2527;
        font-weight: 400;
    }
    .img-comma2 {
        width: 10%;
    }
    img.comma2 {
        position: relative;
        top: 20px;
    }
    .skydogg-quote-img {
        text-align: center;
    }

    section.PopularStories{
        padding: 60px 0px;
    }
    .PopularStories h4 {
        font-size: 30px;
        letter-spacing: 1px;
        line-height: 32px;
        color: #1c1c1c;
        font-weight: 500;
    }
    .PopularStories p {
        font-size: 18px;
        letter-spacing: 1px;
        line-height: 32px;
        color: #1c1c1c;
        font-weight: 400;
    }
    .AI-evolution-remote {
        width: 100%;
        display: flex;
    }
    .AI-1 {
        width: 33.33%;
        float: left;
        text-align: left;
        margin: 10px 10px 10px 0px;
    }
    img.AI-img1 {
        width: 100%;
    }
    .EvolutionofWebsites {
        width: 33.33%;
        float: left;
        margin: 50px 10px;
        text-align: center;
    }
    img.evolution-img2 {
        width: 100%;
    }
    .RemoteWorking {
        width: 33.33%;
        float: left;
        margin: 10px 0px 10px 10px;
        text-align: right;
    }
    .img-remote {
        width: 100%;
        text-align: left;
    }
    .content-stories{
        margin-top: 15px;
        text-align: left;
    }
    .content-stories h4 {
        font-size: 22px;
        letter-spacing: 0px;
        line-height: 34px;
        color: #1c1c1c;
        font-weight: 500;
    }
    button.btn-readstories {
        border-radius: 100rem;
        font-size: 17px;
        border: solid 3px transparent;
        background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient( 
    101deg
     , #52afa5, #756fbb);
        background-origin: border-box;
        background-clip: content-box, border-box;
        box-shadow: 2px 1000px 1px #fff inset;
        padding: 9px 30px;
    }

    @media only screen and (max-width: 425px){
        section.SkydogBusiness-section1 {
            background: none;
        }
        .skydogg-Business {
        width: 100%;
        }
        .div-left-business {
            width: 100%;
        }
        .div-right-Skydoggimg {
        width: 100%;
        }
        a.sd_play_btn {
            position: absolute;
            bottom: 69px;
            right: 5px;
        }
        button.modal-close{
            padding: 0px 13px !important;
            background: #ffffff !important;
            color: #000 !important;
        }
        .skydogg-Business {
        width: 100%;
        flex-direction: column-reverse;
        display: flex;
        padding: 30px 0px;
        }
        .div-left-content {
        position: relative;
        top: 0px;
        margin-top: 40px;
        text-align: center;
        }
        h2.h2-title-business {
        font-size: 35px;
        letter-spacing: -1px;
        line-height: 39px;
        color: #000000;
        font-weight: 600;
        }
        h3.h3-title-business {
        font-size: 35px;
        letter-spacing: -1px;
        line-height: 39px;
        color: #000000;
        font-weight: 400;
        }
        .button-intro {
        display: block;
        text-align: center;
        width: 100%;
        position: relative;
            left: 5px;
        }
        .content-social{
            padding: 0px 60px 28px;
        }
        .container.enewslatters {
            padding: 32px 42px 15px 42px;
        }
        .right-titleBreakingNews h5 {
            font-size: 17px;
        }
        button.intro-video {
        border-radius: 100rem;
        font-size: 1rem;
        border: solid 3px transparent;
        background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(
        101deg
        , #52afa5, #756fbb);
        background-origin: border-box;
        background-clip: content-box, border-box;
        box-shadow: 2px 1000px 1px #fff inset;
        padding: 10px 70px 12px 40px;
        }
        section.SocialMedia-section {
        background: #f7f7f7;
        padding-top: 60px;
        padding-bottom: 10px;
        display: block;
        }
        img.play-introimg {
        position: relative;
        left: -50px;
        top: -1px;
        }
        .content-social p {
        font-size: 20px;
        letter-spacing: 0px;
        line-height: 32px;
        color: #1c1c1c;
        font-weight: 500;
        }
        .top-enewslatter {
        width: 100%;
        display: block;
        padding: 20px;
        box-shadow: 10px 10px 20px #f6f6f6;
        }
        .container.enewslatters h4 {
        font-size: 18px;
        letter-spacing: 0px;
        line-height: 34px;
        color: #1c1c1c;
        font-weight: 400;
        }
        .left-img-newslatter {
            width: 100%;
            float: left;
        }
        .right-newslatter {
        width: 100%;
        float: left;
        background: white;
        }
        .container.enewslatters p {
        font-size: 14px;
        letter-spacing: 0px;
        line-height: 24px;
        color: #1c1c1c;
        font-weight: 300;
        }
        ul.ul-enewslatters {
        font-size: 14px;
        letter-spacing: 0px;
        line-height: 24px;
        color: #1c1c1c;
        font-weight: 300;
        }
        .ul-enewslatters li {
            display: flex;
        }
        .Channel-SocialMedia {
        padding: 20px;
        width: 100%;
        display: flow-root;
        margin-top: 20px;
        }
         .Channel {
        padding-top: 20px;
        width: 100%;
        float: left;
        }
        .Channelimg-play {
        background-image: url(image/ChannelHome.jpg);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        height: 223px;
        text-align: center;
        }
        img.Channel-play {
        position: relative;
        top: 60px;
        }
        .Channelimg-play {
        background-image: url(image/ChannelHome.jpg);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        height: 260px;
        text-align: center;
        }
        .title-Channel-BreakingNews {
        width: 100%;
        display: block;
        }
        .title-Channel {
        float: left;
        width: 100%;
        display: flex;
        }
        .BreakingNews {
        float: left;
        width: 100%;
        display: flex;
        line-height: 28px;
        }
        .right-titleBreakingNews {
        width: 58%;
        text-align: left;
        font-size: 17px;
        letter-spacing: 1px;
        line-height: 81px;
        color: #000000;
        font-weight: 500;
        }
        .content-Channel p {
        font-size: 14px;
        letter-spacing: 0px;
        line-height: 24px;
        color: #1c1c1c;
        font-weight: 300;
        }
        .btn-channel {
        text-align: center;
        }
        .SocialMediaChannels {
        width: 100%;
        float: left;
        margin-left: 0px;
        margin-top: 20px;
        background: white;
        }
        img.SocialMedia-img {
        width: 100%;
        }
        .content-socialmedia h4 {
        font-size: 18px;
        letter-spacing: 0px;
        line-height: 34px;
        color: #1c1c1c;
        font-weight: 400;
        }
        .content-socialmedia p {
        font-size: 14px;
        letter-spacing: 0px;
        line-height: 24px;
        color: #1c1c1c;
        font-weight: 300;
        }
        img.SocialMedia-icons {
        width: 18%;
        }
        section.HelpYou {
        background-image: url(image/HelpYouMobile.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        }
        .container.GrowBusiness {
        padding: 30px 0px 120px 0px;
        display: flow-root;
        width: 100%;
        }
        .left-imgHelp {
        width: 100%;
        float: left;
        }
        .skydogg-img-2 {
        text-align: center;
        }
        img.skydogg-2-img {
        width: 75%;
        position: relative;
        right: 0px;
        }
        .btn-helpvlog {
        display: none;
        }
        .right-HelpYou {
        width: 100%;
        float: left;
        }
         .right-HelpYou h4 {
            margin: 23px 50px 0px 15px;
            font-size: 30px;
            line-height: 38px;
            color: #191d20;
            font-weight: 600;
        }
        img.img-educatestories{
            right: 0px;
        }
        section.EducateEntertainingStory {
            padding: 0px 0px;
        }
        span.h4-span-grow {
        color: #191d20;
        }
        span.span-Business {
        color: #191d20;
        }
        .right-HelpYou p {
        margin: 20px;
        font-size: 14px;
        letter-spacing: 0px;
        line-height: 28px;
        color: #191c1f;
        font-weight: 300;
        }
        .btn-helpvlog-mobile {
        display: block;
        text-align: center;
        }
        

        .imgloveread {
        display: block;
        padding: 30px 0px;
        }
        .right-imgloveread {
        width: 50%;
        display: none;
        float: left;
        }
        .left-content-LoveRead {
        width: 100%;
        float: left;
        padding: 30px 20px 0px;
        }
        button.btn-processvlog{
            float: unset;
        }
        .container.LovetoRead {
        width: 100%;
        display: flex;
        }
        .left-content-LoveRead {
        width: 100%;
        float: left;
        padding: 30px 20px;
        }
        .left-content-LoveRead h4 {
        font-size: 30px;
        line-height: 38px;
        color: #191c1f;
        font-weight: 600;
        }
        img.skydoggsign {
        width: 60%;
        }
        .left-imgeducatestories {
        width: 50%;
        float: left;
        display: none;
        }
        .right-educatestories {
        width: 100%;
        float: left;
        padding: 20px;
        }
        .imgeducatestories-mobile {
        display: block;
        }
        .right-educatestories h4 {
        font-size: 30px;
        line-height: 38px;
        color: #191c1f;
        font-weight: 600;
        }
        .right-educatestories p {
        font-size: 14px;
        letter-spacing: 0px;
        line-height: 28px;
        color: #191c1f;
        font-weight: 300;
        }
        .readstories {
        text-align: center;
        }
        .skydoggprocess {
        width: 100%;
        display: flow-root;
        }
        .left-contentprocess {
            width: 100%;
            float: left;
        }
        .left-contentprocess h4 {
        font-size: 30px;
        letter-spacing: 1px;
        line-height: 38px;
        color: #1e2527;
        text-align: center;
        font-weight: 600;
        }
        .left-contentprocess p {
        font-size: 14px;
        letter-spacing: 1px;
        line-height: 28px;
        color: #1e2527;
        font-weight: 300;
        text-align: center;
        }
        .right-contentprocess {
        width: 100%;
        float: left;
        text-align: center;
        }
        .div-step-process {
        padding: 40px;
        }
        .container.step-process {
        border: none;
        border-top: solid 0px transparent;
        background: white;
        box-shadow: 2px 1000px 1px #fff inset;
        }
        .skydogg-step-process {
        width: 100%;
        display: flow-root;
        padding: 20px 5px;
        }
        .topic-1 {
        width: 100%;
        float: left;
        text-align: center;
        padding: 10px 30px 10px 30px;
        }
        .research-2 {
        width: 100%;
        float: left;
        display: block;
        text-align: center;
            padding: 0px 30px 20px 30px;
        }
        .divider-step {
        height: 37px;
        display: block;
        text-align: center;
        margin-bottom: 10px;
        }
        img.divider1 {
        transform: rotate(90deg);
        position: relative;
        top: -85px;
        left: -10px;
        }
        .writing-3 {
        width: 100%;
        float: left;
        display: block;
        text-align: center;
        padding: 0px 30px 20px 30px;
        }
        img.divider2 {
        transform: rotate( 90deg );
        position: relative;
        top: -85px;
        left: -10px;
        }
        .design-4 {
        width: 100%;
        float: left;
        display: block;
        text-align: center;
        padding: 0px 30px 20px 30px;
        }
        img.divider3 {
        transform: rotate( 90deg);
        position: relative;
        top: -85px;
        left: -10px;
        }
        .publishing-5 {
        width: 100%;
        float: left;
        display: block;
        text-align: center;
        padding: 0px 30px 20px 30px;
        }
        img.divider4 {
        transform: rotate( 90deg);
        position: relative;
        top: -85px;
        left: -10px;
        }
        .quote-skydogg {
        display: block;
        width: 100%;
        padding: 40px;
        text-align: center;
        }
        .img-comma1 {
        width: 100%;
        }
        img.comma1 {
        position: relative;
        top: 0px;
        }
        .content-quoteskydogg {
            width: 100%;
            padding-top: 20px;
            padding-bottom: 10px;
        }
        .content-quoteskydogg p {
        font-size: 18px;
        letter-spacing: 0px;
        line-height: 38px;
        color: #1e2527;
        font-weight: 400;
        }
        .img-comma2 {
        width: 100%;
        }
        img.comma2 {
        position: relative;
        top: 0px;
        }
        section.PopularStories {
        padding: 0px 0px;
        }
        .title-storiescontent {
        padding: 20px;
        }
        .PopularStories h4 {
        font-size: 20px;
        letter-spacing: 1px;
        line-height: 32px;
        color: #1c1c1c;
        font-weight: 500;
        text-align: center;
        }
        .PopularStories p {
        font-size: 18px;
        letter-spacing: 1px;
        line-height: 32px;
        color: #1c1c1c;
        font-weight: 400;
        text-align: center;
        }
        .AI-evolution-remote {
        width: 100%;
        display: flow-root;
        padding: 20px 20px 0px;
        }
        .AI-1 {
        width: 100%;
        float: left;
        text-align: center;
        margin: 0px;
        }
        .content-stories {
        margin-top: 15px;
        text-align: left;
        margin-bottom: 40px;
        }
        .content-stories h4 {
        font-size: 22px;
        letter-spacing: 0px;
        line-height: 34px;
        color: #1c1c1c;
        font-weight: 500;
        text-align: left;
        }
        img.arrowside {
        width: 10%;
        }
        .EvolutionofWebsites {
        width: 100%;
        float: left;
        margin: 0px;
        text-align: center;
        }
        .RemoteWorking {
        width: 100%;
        float: left;
        margin: 0px;
        text-align: center;
        }
        img.remote-img3 {
        width: 100%;
        }
        .ReadmoreStories {
        display: none;
            }
}
/* Modal CSS */
.modal-open {
    overflow: hidden
}

.modal {
    position: fixed;
    top: 20%;
    right: 0;
    bottom: 0;
    left: 0;
    z-index:  999999;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    margin-top: 0px;
    opacity: 1 !important;
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out, -o-transform .3s ease-out
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
    pointer-events: all !important;
}

.modal-content {
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}

.modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0
}

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    line-height: 1.42857143
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer .btn+.btn {
    margin-bottom: 0;
    margin-left: 5px
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}
iframe.modal-iframe {
    width: 680px;
    height: 400px;
    border: 25px solid white;
    border-radius: 15px;
}
button.modal-close {
    padding: 3px 16px;
    background: #ffffff78;
    border: none;
    border-radius: 25px;
    color: white;
    font-size: 24px;
    font-weight: 300;
    cursor: pointer;
    display: flex;
    margin: 12px auto;

}
@media(max-width: 321px){
    iframe.modal-iframe {
        width: 270px !important;
    }
}
@media(max-width: 425px){
    iframe.modal-iframe {
    width: 100%;
    height: 225px;
    border: 15px solid white;
    border-radius: 15px;
	}
}
@media (min-width:768px) {
    .modal-dialog {
        width: 680px;
        margin: 30px auto;
        max-width: 680px;
    }
    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
    }
    .modal-sm {
        width: 300px
    }
    
}

@media (min-width:992px) {
    .modal-lg {
        width: 900px
    }
}
.modal-footer:after,
.modal-footer:before,
.modal-header:after,
.modal-header:before{
    display: table;
    content: " "
}
.modal-footer:after,
.modal-header:after{
    clear: both
}
.divider-step img {
    max-width: unset;
}