.home-mobile {
    display:none;
}


/* TABLET LANDSCAPE / DESKTOP */
@media only screen and (min-width: 1024px) and (max-width: 1320px) {
    .get-qout {
        bottom:-5vw;
    }
    div#content.site-content.homesite::before {
        top:-6vw;
    }
    .des #white {
        font-size:1.1vw;
    }
    .des #black {
        font-size:1.3vw;
    }
    .steps {
        margin:1% 2.5%;
    }

}   

/* TABLET LANDSCAPE / DESKTOP */
@media only screen and (max-width: 1024px) {
    div#content.site-content.homesite::before {
        height:70px;
    }
    .homesite {
        background-image:none;
    }
        .get-qout {
            bottom:-5vw;
        }
            .get-qout:before {
                top: -14px;
                height: 23px;
            }
            .get-qout:after {
                bottom: -16px;
                width: 100%;
                height: 20px;
            }
    div#content.site-content.homesite::before {
        height:50px;
    }
    .tltcir
    {
        font-size:1.2vw;
    }
    .excerptstudy {
        font-size: 1.5vw;
        line-height: 1.5vw;
    }
    #casestudy .bx-wrapper .bx-controls .bx-controls-direction .bx-next {
        right:-2.5vw;
    }
    #casestudy .bx-wrapper .bx-controls .bx-controls-direction .bx-prev {
        left:-3vw;
    }
    .footer-top {
        height:auto;
    }
    .site-branding h1 {
        left:15% ;
    }
}

/* TABLETS PORTRAIT */
@media only screen and (min-width: 769px) and (max-width:890px) {
    .menu-top-menu-container {
        display:none;
    }
    .site-branding-home h1 {
        position: absolute;
        bottom: -12vw;
        left: 30.9%;
        width: 38.2%;
        height: 17vw;
        line-height: 6vw;
        background-color: #fff;
        text-align: center;
        font-weight: 300;
        color: #000;
        font-size: 5.6vw;
        z-index: 1;
    }
    .get-qout {
        bottom: -18vw;
    }
    .site-branding-home h2 {
        position: absolute;
        bottom: -9vw;
        left: 30.9%;
        width: 38.2%;
        height: 1.4vw;
        line-height: 22px;
        font-weight: 300;
        color: #000;
        text-align: center;
        font-size: 2.8vw;
        z-index: 2;
    }
        .logo a img {
            max-width:16vw;
        }
    .Section-Heading h2 {
        font-size:5vw;
    }
    .Section-Heading h2.SecTitle {
        font-size:4vw;
        margin-bottom: 2vw;
    }
    .circle {
        width: 40%;
        margin: 0 5%;
        text-align: center;
        float: left;
    }
    .tltcir {
        font-size: 2.5vw;
    }
    .toprow {
        display:none;
    }
    .excerptstudy {
        font-size: 2.5vw;
        line-height: 2.5vw;
    }
    .titlestudy {
        font-size:3.5vw;
    }
    .Contact-head {
        font-size: 4vw;
        line-height: 6.5vw;
    }
    .formname, .formemanil, .formphone, .formnamemessage, .formsend {
        width:80%;
        float:none;
        margin:1% auto;
    }
    .rightxt {
        margin-bottom:5vw;
        font-size:4vw;
        line-height:5vw;
    }
    .get-qoutB {
        font-size: 3vw;
        line-height: 3vw;
    }
    .site-branding h1 {
        left:15%;
    }
}   

/* TABLETS PORTRAIT */
@media only screen and (max-width: 768px) {
    .get-qout-mobile {
        color: #fff;
        background-color: #e54538;
        font-size: 2vw;
        /* line-height: 2vw; */
        position: absolute;
        z-index: 2;
        padding: 0 2vw;
        bottom: -4vw;
        left: 5%;
        bottom: -15%;
        width: 90%;
        z-index: 10;
        font-style: italic;
        transition: color 0.6s ease;
        text-align: center;
        font-size: 5vw;
    }
    .get-qout-mobile:before {
        content: '';
        position: absolute;
        left: 0;
        top: -8px;
        width: 100%;
        height: 29px;
        background: #e54538;
        -webkit-transform: skewY(-1.5deg);
        z-index: -1;
    }
   .get-qout-mobile:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: -8px;
        width: 100%;
        height: 29px;
        background: #e54538;
        -webkit-transform: skewY(1.5deg);
        z-index: -1;
    }

    div#content.site-content.homesite::before {
        display: none;
    }

    .phead-wrap {
        padding-top: 0;
    }

    .home-mobile {
        display: block;
        padding-bottom:15vw;
    }

    .home-desktop {
        display: none;
    }

    .phead-inner {
        background-image: url(images/hederemob.jpg);
        background-size: 100%;
        background-repeat: no-repeat;
        position: initial;
    }

    .logo {
        width: 45%;
        margin: 3vw 0 3vw 0;
    }

        .logo a img {
            width: 85%;
            max-width: initial;
            padding-left: 5%;
        }

    .mobile-menu {
        width: 45%;
        float: right;
        color: #fff;
        position: relative;
    }
    .site-header-main-mobile h1 {
        font-size:8vw;
        font-weight: 300;
    }
    .site-header-main-mobile {
        position:relative;
    }
    .site-header-main-mobile:before {
        content: '';
        position: absolute;
        left: 0;
        top: -11px;
        width: 100%;
        height: 35px;
        background: #fff;
        -webkit-transform: skewY(3deg);
        z-index: 2;
    }
   .site-branding-home-mobile:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: -14px;
        width: 100%;
        height: 30px;
        background: #fff;
        -webkit-transform: skewY(-3deg);
        z-index: 2;
    }


   .site-branding-home-mobile h2 {
        font-size:5vw;
        font-weight: 300;
    }

    .mobmenu {
    position: absolute;
    background: rgba(20,20,20,0.9);
    width: 100%;
    padding:5px;
    display:none;
    z-index:10;
    }

    .mobmenubtn {
        border-bottom: 1px solid #fff;
        cursor: pointer;
        font-size: 6vw;
    }
    .site-header-main-mobile {
        background-color: #fff;
        margin: 5% auto 0 auto;
        width: 70%;
        padding: 5%;
    }
    .phead {
        position:initial;
    }

    .mobmenu li a {
        color:#fff;
    }
    .mobmenu li a:hover {
        color:#02b5da;
    }

    .homesite {
        margin:0 auto !important;
    }

    .circle {
        width: 40%;
        margin: 0 5%;
        text-align: center;
        float: left;
    }
    .tltcir {
        font-size: 2.5vw;
    }
    .toprow {
        display:none;
    }
    .excerptstudy {
        font-size: 2.5vw;
        line-height: 2.5vw;
    }   
    .titlestudy {
        font-size:3.5vw;
    }
    .Contact-head {
        font-size: 4vw;
        line-height: 6.5vw;
    }
    .formname, .formemanil, .formphone, .formnamemessage, .formsend {
        width:80%;
        float:none;
        margin:1% auto;
    }
        .menu-top-menu-container {
        display:none;
    }
    .site-branding-home h1 {
        position: absolute;
        bottom: -12vw;
        left: 30.9%;
        width: 38.2%;
        height: 17vw;
        line-height: 6vw;
        background-color: #fff;
        text-align: center;
        font-weight: 300;
        color: #000;
        font-size: 5.6vw;
        z-index: 1;
    }
    .get-qout {
        bottom: -18vw;
    }
    .site-branding-home h2 {
        position: absolute;
        bottom: -9vw;
        left: 30.9%;
        width: 38.2%;
        height: 1.4vw;
        line-height: 22px;
        font-weight: 300;
        color: #000;
        text-align: center;
        font-size: 2.8vw;
        z-index: 2;
    }
    .site-header {
        padding: 0;
    }
    .get-qoutB {
        font-size: 3vw;
        line-height: 3vw;
    }
    .text {
        height:initial;
        width:100%;
        border-right:none;
    }
    .vid {
        width:100%;
    }
    .Section-Heading h2 {
        font-size:6vw;
        line-height:10vw; 
        margin-top:2vw;   
    }
    .Section-Heading h2.SecTitle{
        font-size: 4vw;
    }
    .secondrow .left {
        display:none;
    }
    .right {
        width: 80%;
        float:none;
        margin: 0 auto;
    }
    .rightxt {
        color: #fff;
        font-style: italic;
        font-size: 6vw;
        margin-bottom: 5vw;
        line-height: 8vw;
        margin-top: 2.5vw;
    }
    .get-qoutB {
        font-size: 5vw;
        line-height: 5vw;
    }
    .secondrow {
        padding-bottom: 5vw;
        text-align:center;
    }
    #casestudy .bx-wrapper .bx-controls .bx-controls-direction .bx-next {
        right:-3.5vw;
    }
    #casestudy .bx-wrapper .bx-controls .bx-controls-direction .bx-prev {
        left: -4.5vw;
    }
    .get-qoutB:before {
        top:-7px;
        height: 40px;
    }
    .get-qoutB:after {
        height: 40px;
        bottom: -12px;
    }
    .social {
        float:none;
    }
    .credit {
        float:none;
    }
    .site-info {
        text-align:center;
    }
    .formname, .formemanil, .formphone, .formnamemessage, .formsend {
        width:90%;
    }
    .circle {
        width: 90%;
        margin: 5% 5%;
        text-align: center;
        float: left;
    }
    
    #top-menu-above {
        display:none;
    }
    #help-box, #help {
        display:none;
    }
    #menu-top-menu li {
    
        display:block;
    }
    #my-projects li:nth-child(even) {
        margin-left:0;
    }
    #menu-top-menu li {
        padding:0;
    }
    #menu-top-menu {
        right:0;
    }
}   

/* SMARTPHONES LANDSCAPE */
@media only screen and (max-width: 480px) {
    #menu-top-menu li {
        padding:0;
    }
    #menu-top-menu {
        right:0;
    }
    .tltcir {
        font-size: 5.5vw;
    }
    .circle {
        width: 60%;
        margin: 5% 20%;
        text-align: center;
        float: left;
    }
    .Section-Heading h2 {
        font-size: 10vw;
        line-height: 10vw;
        margin-top: 8vw;
    }
    .Section-Heading h2.SecTitle {
        font-size: 6.5vw;
    }
    .titlestudy {
        font-size: 5.5vw;
    }
    .excerptstudy {
        font-size: 4.5vw;
        line-height: 4.5vw;
    }
    #howitworks, #Whyus, #casestudy ,.Contact-bottom {
        max-width:90%;
    }
    .rightxt {
        color: #fff;
        font-style: italic;
        font-size: 11vw;
        margin-bottom: 5vw;
        line-height: 10vw;
        margin-top: 2.5vw;
    }
    .get-qoutB {
        font-size: 7vw;
        line-height: 12vw;
    }
    .Contact-head {
        font-size: 8vw;
        line-height: 8.5vw;
        text-align: center;
        margin-bottom: 5vw;
    }
    .formname, .formemanil, .formphone, .formnamemessage, .formsend {
        width:100%;
        margin:4% auto;
    }
    input[type="submit"] {
        width:40%;
        float:right;
        margin-bottom:5vw;       
    }
    
    #ajax-login{
        top: 5vh !important;
    }
}

/* SMARTPHONES PORTRAIT */
@media only screen and (min-width: 320px) {


}