/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1200px) { 

    .single-portfolio{
        width: 295px
    }
    .work-img-overlay > p{
        line-height: 13
    }
    .single-process{
        width: 100%;
        height: 150px
    }
    .single-process h3{
        font-size: 14px;
        line-height: 150px
    }
    .process-company .single-process{
        width: 150px;
        height: 150px
    }
    .service-overlay > p{
        line-height: 13
    }
    
}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) { 



    header .construct-logo::before, .construct-hire-area .construct-hire-left::before{
        right: -150px;
        transform: skewX(0deg);
    }
    .construct-logo > a > img{
        display: block;
        margin: 0 auto;
    }    
    .construct-mainmenu ul{
        text-align: center
    }
    .construct-caption-cell, .construct-hire-area, .construct-hire-left, .construct-hire-right{
        text-align: center
    }
    .construct-service .owl-prev, .testimonial-slide .owl-prev{
        top: -50px
    }
    .construct-service .owl-next, .testimonial-slide .owl-next{
        top: -50px
    }
    .service-slider-para{
        margin-top: 30px;
    }
    .mobile_no{
        display: none
    }
    .video-preview{
        margin-top: 50px;
    }
    ul.portfolio_menu li{
        margin: 5px;
    }
    .single-process{
        height: 110px;
        width: 110px;
    }
    .single-footer {
        margin: 30px 0;
    }
    .renovation-float.mobile {
        margin-bottom: 50px;
    }
    .about-mission-text, .about-mission-list, .about-bottom-one{
        margin-top: 30px;
    }
    .coupon-cart-right{
        text-align: right
    }
    .coupon-cart-right > a{
        margin-right: 0;
    }
    .pagination-box{
        text-align: left;
    }
    .construct-shop-right{
        margin-top: 50px;
    }
    .single-shop-text{
        margin-top: 30px;
    }
    .right-side{
        margin-top: 30px;
        margin-bottom: 0px !important
    }
    .construct-contact-form-right > form{
        margin-top: 50px
    }
    .single-portfolio{
        width: 220px;
    }
    .service-overlay > p{
        line-height: 30
    }
    .work-img-overlay > p{
        line-height: 10
    }
    .single-process-item{
        float: left;
        margin: 5px;
    }
    .single-process h3{
        font-size: 16px;
        font-weight: 500;
        line-height: 110px;
    }
    .checkout-video-left{
        margin-bottom: 50px
    }
    .single-project-right{
        margin-top: 50px
    }
    .blog-right-sidebar.left-margin {
        margin-bottom: 50px
    }
    
    
}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
    .sticky-header-nav{margin-top: 70px;}
    .header-top-left{
        display: none
    }
    .header-top-right{
        text-align: center
    }
    .construct-responsive-menu{
        display: block
    }
    header .construct-logo::before, .construct-hire-area .construct-hire-left::before{
        right: -30px;
        transform: skewX(0deg)
    }
    .construct-logo > a > img{
        z-index: 9999
    }
    .construct-mainmenu{
        display: none
    }
    .construct-main-slide{
        height: 380px
    }
    .construct-caption-cell, .construct-hire-area .construct-hire-left, .construct-hire-right{
        text-align: center
    }
    .construct-caption-cell h2{
        font-size: 30px
    }
    .construct-caption-cell p{
        font-size: 15px
    }
    .seacrh_li{
        display: none !important
    }
    .construct-service-area .construct-section-title, .construct-testimonial-area .construct-section-title{
        padding-bottom: 25px
    }
    .construct-service .owl-prev, .testimonial-slide .owl-prev{
        top: -35px
    }
    .construct-service .owl-next, .testimonial-slide .owl-next{
        top: -35px
    }
    .service-slider-para{
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .mobile_no{
        display: none
    }
    .checkout-video-left > h3{
        font-size: 23px;
        line-height: 32px
    }
    .construct-section-title, .construct-section-title-bg, .construct-process-area .construct-section-title{
        margin-bottom: 12%
    }
    ul.portfolio_menu li{
        margin: 0 10px 10px 0
    }
    .single-testimonial-item{
        margin-top: 50px
    }
    .single-process{
        margin: 0 auto
    }
    .single-footer {
        margin: 40px 0;
    }
    .copyright-left, .copyright-right{
        text-align: center;
        font-weight: 400
    }
    .renovation-float.mobile {
        margin-bottom: 50px;
    }
    .renovation-float > h3{
        font-size: 21px
    }
    .construct-hire-left > h3{
        font-size: 20px;
        line-height: 30px
    }
    .about-mission-text, .about-mission-list, .about-bottom-one{
        margin-top: 30px
    }
    .about-bottom-one > h3{
        font-size: 20px
    }
    .notfound > h2{
        font-size: 85px;
        line-height: 85px
    }
    .notfound > h3{
        font-size: 19px
    }
    .cart-table, .cart-subtotal{
        overflow-x: scroll
    }
    .coupon-cart-left{
        text-align: center
    }
    .coupon-cart-right{
        text-align: center
    }
    .coupon-cart-right > a{
        margin-right: 0;
        margin-top: 30px
    }
    .checkout-account-form{
        margin-bottom: 50px
    }
    .shorting-left{
        display: none
    }
    .pagination-box{
        text-align: left
    }
    .construct-shop-right{
        margin-top: 50px 
    }
    .shorting-right{
        text-align: center
    }
    .single-shop-text{
        margin-top: 50px
    }
    #pro_2 li a{
        font-size: 14px;
        padding: 10px
    }
    .right-side{
        margin-top: 30px;
        margin-bottom: 0px !important
    }
    .construct-blog-share > h3{
        font-size: 17px;
        margin-right: 0
    }
    .construct-blog-share > a{
        margin: 0px 3px
    }
    .single-comment-item img{
        margin-bottom: 15px
    }
    .comment-list ul ul{
        margin-left: 50px
    }
    .construct-leave-comment input[type="text"], .construct-leave-comment input[type="email"]{
        width: 100%
    }
    .construct-leave-comment textarea{
        width: 100%
    }
    .construct-contact-desc > h3{
        font-size: 21px
    }
    .construct-contact-form-right > form{
        margin-top: 40px
    }
    .single-portfolio{
        margin: 20px 20px 0;
        width: 93%;
    }
    .service-overlay > p{
        line-height: 16
    }
    .work-img-overlay > p{
        line-height: 12
    }
    .mobile-portfolio{
        display: none
    }
    .blog-title > h3{
        font-size: 20px
    }
    .checkout-video-left{
        margin-bottom: 50px
    }
    ul.portfolio_menu li{
        display: block
    }
    .single-project-right{
        margin-top: 50px
    }
    .blog-right-sidebar.left-margin {
        margin-bottom: 50px;
    }
    

    
}
/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .sticky-header-nav{margin-top: 70px;}
    .header-top-left{
        display: none
    }
    .header-top-right{
        text-align: center
    }
    .construct-responsive-menu{
        display: block
    }
    header .construct-logo::before, .construct-hire-area .construct-hire-left::before{
        right: -30px;
        transform: skewX(0deg)
    }
    .construct-logo > a > img{
        z-index: 9999
    }
    .construct-mainmenu{
        display: none
    }
    .construct-main-slide{
        height: 380px
    }
    .construct-caption-cell, .construct-hire-area .construct-hire-left, .construct-hire-right{
        text-align: center
    }
    .construct-caption-cell h2{
        font-size: 30px
    }
    .construct-caption-cell p{
        font-size: 15px
    }
    .seacrh_li{
        display: none !important
    }
    .construct-service-area .construct-section-title, .construct-testimonial-area .construct-section-title{
        padding-bottom: 25px
    }
    .construct-service .owl-prev, .testimonial-slide .owl-prev{
        top: -35px
    }
    .construct-service .owl-next, .testimonial-slide .owl-next{
        top: -35px
    }
    .service-slider-para{
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .mobile_no{
        display: none
    }
    .checkout-video-left > h3{
        font-size: 23px;
        line-height: 32px
    }
    .construct-section-title, .construct-section-title-bg, .construct-process-area .construct-section-title{
        margin-bottom: 12%
    }
    ul.portfolio_menu li{
        margin: 0 10px 10px 0
    }
    .single-testimonial-item{
        margin-top: 50px
    }
    .single-process{
        margin: 0 auto
    }
    .single-footer {
        margin: 40px 0;
    }
    .copyright-left, .copyright-right{
        text-align: center;
        font-weight: 400
    }
    .renovation-float.mobile {
        margin-bottom: 50px;
    }
    .renovation-float > h3{
        font-size: 21px
    }
    .construct-hire-left > h3{
        font-size: 20px;
        line-height: 30px
    }
    .about-mission-text, .about-mission-list, .about-bottom-one{
        margin-top: 30px
    }
    .about-bottom-one > h3{
        font-size: 20px
    }
    .notfound > h2{
        font-size: 85px;
        line-height: 85px
    }
    .notfound > h3{
        font-size: 19px
    }
    .cart-table, .cart-subtotal{
        overflow-x: scroll
    }
    .coupon-cart-left{
        text-align: center
    }
    .coupon-cart-right{
        text-align: center
    }
    .coupon-cart-right > a{
        margin-right: 0;
        margin-top: 30px
    }
    .checkout-account-form{
        margin-bottom: 50px
    }
    .shorting-left{
        display: none
    }
    .pagination-box{
        text-align: left
    }
    .construct-shop-right{
        margin-top: 50px 
    }
    .shorting-right{
        text-align: center
    }
    .single-shop-text{
        margin-top: 50px
    }
    #pro_2 li a{
        font-size: 14px;
        padding: 10px
    }
    .right-side{
        margin-top: 30px;
        margin-bottom: 0px !important
    }
    .construct-blog-share > h3{
        font-size: 17px;
        margin-right: 0
    }
    .construct-blog-share > a{
        margin: 0px 3px
    }
    .single-comment-item img{
        margin-bottom: 15px
    }
    .comment-list ul ul{
        margin-left: 50px
    }
    .construct-leave-comment input[type="text"], .construct-leave-comment input[type="email"]{
        width: 100%
    }
    .construct-leave-comment textarea{
        width: 100%
    }
    .construct-contact-desc > h3{
        font-size: 21px
    }
    .construct-contact-form-right > form{
        margin-top: 40px
    }
    .single-portfolio{
        margin: 20px 0 0 20px;
        width: 270px;
    }
    .service-overlay > p{
        line-height: 24
    }
    .work-img-overlay > p{
        line-height: 12
    }
    .mobile-portfolio{
        display: none
    }
    .blog-title > h3{
        font-size: 20px
    }

}