.mobile-menu {
    display:none;
}


/* TABLET LANDSCAPE / DESKTOP */
@media only screen and (min-width: 1024px) and (max-width: 1365px) {
    .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%;
    }
    .site-content {
        background-size: 32% auto;
    }
    .About-page #casestudy {
        margin-bottom:6vw;
    }
    .site-branding h1 {
        left:15%;
    }

}   

@media only screen and (min-width: 1024px) and (max-width: 1359px) {
    .site-branding h1 {
        left:15%;
    }
    .site-main {
        padding: 0 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;
    }
    .entry-content {
        margin-right:0;
    }
    .site-branding h1 {
        left:15%;
        height:60px;
    }
    .site-main {
        padding: 0 5%;
    }
    .ourprojects {
        margin-top:10px;
    }
    #old-draft-notif {
        margin: 20px 9%;
        /* padding-right: 240px; */
        /* margin-bottom: 40px; */
    }
    #image-direction #images li label {
        display:block;
    }
    #image-direction #images li .angle {
        float:none !important;
    }
        #image-direction #images li .angle:before {
            content:"The selected Angel:" !important;
        }
}

/* TABLETS PORTRAIT */
@media only screen and (min-width: 769px) and (max-width:890px) {
    li:nth-child(even) {
        margin-left: 0%;
    }
    #old-draft-notif {
        margin: 20px 9%;
        /* padding-right: 240px; */
        /* margin-bottom: 40px; */
    }
    #progbar {
        display:none;
    }
    .phead-wrap {
        padding-top: 34%;
    }
    .phead-inner
    {
        background-size:initial;
    }
    .menu-top-menu-container {
        display:none;
    }
    .faq, .standart-page, .contact-page-content, .About-page, .blog-content, .projects-page {
        max-width: 80%;
        margin: 0vw auto 1.5vw auto;
    }
    /*************************************/
    .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;
    }
    .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;
    }
    .entry-content {
        margin-right:0;
    }
    .site-content {
        margin:0 auto;
        overflow:hidden;
	}
    .site-branding h1 {
        left:15%;
        height:60px;
    }
    .site-main {
        padding: 0 5%;
    }
}   

/* TABLETS PORTRAIT */
@media only screen and (max-width: 768px) {
    li:nth-child(even) {
        margin-left: 0%;
    }
    #progbar {
        display:none;
    }
    #old-draft-notif
    {
        padding-right:0;
    }
    .site-main {
        padding: 0 5%;
    }
    
    .contact-page {
        margin: 4vw 0 -7vw 0;
    }

    .site-content {
	    /*padding: 0 4.5455%;*/
        margin:0 auto;
        overflow:hidden;
	}
    .site-branding {
        margin-top: 1.3125em;
        margin-bottom: 1.3125em;
        margin-left: 1.3125em;
    }

    .logo a img {
        max-width: 25vw;
        margin:3vw;
    }

    .site-branding h1 {
        position: absolute;
        bottom: 0;
        left: 15%;
        width: 80%;
        height: 55px;
        background-color: #fff;
        padding-left: 40px;
        font-style: italic;
        font-weight: 300;
        color: #00b5da;
        font-size: 2em;
        text-transform: uppercase;
    }

    .site-content {
        background-image:none;
        margin-top:10%;
    }
    .phead-wrap {
        padding-top: 34%;
    }
    .phead-inner
    {
        background-size:initial;
    }
    .menu-top-menu-container {
        display:none;
    }
    .faq, .standart-page, .contact-page-content, .About-page, .blog-content, .projects-page {
        max-width: 92%;
        margin: 0vw auto 1.5vw auto;
    }
    .entry-content {
        margin-right:0;
        margin-left:4px;
    }
    .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;
		text-align:center;
    }
    .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;   
    }
    .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;
    }
    .get-qoutB:after {
        height: 26px;
        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;
    }
    .ourprojects {
        margin-left:0;
    }
    article.ourprojects {
        width:100%;
        float:none;
        margin:2% 0 0 0 !important;
    }
        article.ourprojects img {
            margin: 0 auto;
        }
    .articles-sidebar {
        width:100%;
        float:none;
    }
    footer.date {
        display:none;
    }
    .Blogarticles {
        width:100%;
        float:none;
    }
    .post {
        margin-bottom:2%;
    }
    .sidebar {
        margin-bottom:0;
    }
    .widget_categories, .widget_archive {
        border-bottom:1px solid #cfcfcf;
    }
    .widget_categories ul li, .widget_archive ul li {
        list-style:none;
    }
    .post-navigation {
        display:none;
    }
       .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%;
    }

    .mobmenu li a {
        color:#fff;
    }
    .mobmenu li a:hover {
        color:#02b5da;
    }
    .mobile-menu {
        width: 45%;
        float: right;
        color: #fff;
        position: relative;
        display:initial;
    }

    .site-branding {
        width:100%;
        margin:0;
    }

    #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;
    }
    #primary section#left-content {
        width:inherit;
        padding-right:0;
    }

    .site-branding h1 {
        font-size: 6vw;
        padding-left: 10px;
        padding-right: 10px;
        min-width: 55%;
        width:auto;
        line-height: 6vw;
    }

    .featherlight .featherlight-content {
        margin-left: 2% !important;
        margin-right: 2% !important;
    }
}   

/* SMARTPHONES LANDSCAPE */
@media only screen and (max-width: 480px) {
    #menu-top-menu li {
        padding:0;
    }
    #menu-top-menu {
        right:0;
    }
    #my-projects li:nth-child(even) {
        margin-left:0;
    }
    #my-projects li .delete-date {
        min-height:initial;
    }
    #my-projects li .wrapper {
        display:block;
    }

    .Coname, .Contel, .Conemail {
        float: none;
        width: 100%;
    }
    .Conmess textarea {
        height: 13vw;
    }
    .Consend {
        float: right;
        width: 100%;
    }
    .Condet {
        color: #fff;
        text-align: center;
    }
    .contact-pagehead {
        font-size: 8.5vw;
    }

    article.ourprojects {
        width: 100%;
        float: left;
        margin: 0 0 4% 0 !important;
    }

    /*.alignleft {
        margin:0 5%;
    }*/
    .site-branding h1 {
        height: 60px;
        max-width: 90%;
    }
    .phead-wrap {
        padding-top: 50%;
    }
    .logo a img {
        max-width: 25vw;
    }
    .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;
    }
    .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;
        margin-top: 5vw;
    }
    .formname, .formemanil, .formphone, .formnamemessage, .formsend {
        width:100%;
        margin:4% auto;
    }
    input[type="submit"] {
        width:40%;
        float:right;
        margin-bottom:5vw;       
    }
    #my-projects li {
        min-width: 0;
        width: 100%;
    }

    #blackout .wrapper {
        top: 25vh !important;
        max-width: 98%;
        margin-left: 1%;
    }

    #ajax-login{
        top: 5vh !important;
    }

    .post-thumbnail {
        max-width: 150px;
        float: none;
        display: block;
        margin: 0 auto;
    }
}

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