/* Setech | Just another HTML Template  */

@media only screen and (max-width: 1600px){
    .header-style-four .header-top .inner-container,
    .header-style-four .menu-box{
        max-width: initial;
        margin: 0;
    }

}

@media only screen and (max-width: 1139px){
    .quote-style-one p br,
    .main-header .service_wrapper{
        display: none;
    }

    .main-menu .navigation > li > .mega-menu{
        width: 1000px !important;
    }

    .fluid-section-three .content-column > .inner-column,
    .services-section.style-two .text-column .inner-column{
        padding-left: 15px;
    }

    .testimonials-section-two{
        padding: 100px 0 70px;
    }

}

@media only screen and (max-width: 1023px){
    .hide-sm,
    .main-header .header-top,
    .main-header .main-box{
        display: none !important;
    }

    .main-header{
        position: relative;
    }

    .mobile-header{
        position: relative;
        display: block;
        width: 100%;
        background-color: #ffffff;
        margin: 0;
        padding: 20px 15px;
    }

    .nav-outer .mobile-nav-toggler{
        display: block;
    }

    .main-header .nav-outer .main-menu{
        display: none;
    }

    .nav-outer .mobile-nav-toggler{
        padding: 5px 0;
        margin:0px 20px;
    }

    .mobile-header.fixed-header{
        position: fixed;
        top: 0;
        width: 100%;
    }

    .fixed-header .mobile-sticky-header{
        opacity: 1;
        visibility: visible;
    }

    /*=== Mega Menu Style ===*/

    .mega-menu{
        width: 100% !important;
    }

    .mobile-menu .navigation > li.has-mega-menu{
        position:relative !important;	
    }

    .mobile-menu .navigation > li .mega-menu-bar .column{
        padding:0px;
    }

    .mobile-menu .navigation > li > .mega-menu{
        position:relative;
        width:100%;
        padding:0px !important;
        background:none !important;
        margin:0px !important;
        left:0px !important;
        top:0px !important;	
    }

    .mobile-menu .navigation > li > .mega-menu .row{
        margin:0px;
        width:100%;	
    }

    .mobile-menu .navigation > li > .mega-menu:before,
    .mobile-menu .navigation > li > .mega-menu,
    .mobile-menu .navigation > li .mega-menu-bar > ul{
        position:relative;
        border:none;
        float:none;
        visibility:visible;
        opacity:1;
        display:none;
        margin:0px;
        left:auto !important;
        right:auto !important;
        top:auto !important;
        padding:0px;
        outline:none;
        width:100%;
        background:#ffffff;
        -webkit-border-radius:0px;
        -ms-border-radius:0px;
        -o-border-radius:0px;
        -moz-border-radius:0px;
        border-radius:0px;
        transition:none !important;
        -webkit-transition:none !important;
        -ms-transition:none !important;
        -o-transition:none !important;
        -moz-transition:none !important;
        -webkit-box-shadow:none;
        -ms-box-shadow:none;
        -o-box-shadow:none;
        -moz-box-shadow:none;
        box-shadow:none;
    }

    .mobile-menu .navigation > li .mega-menu-bar .column > ul > li{
        border-bottom:none;
        opacity:1 !important;
        top:0px !important;
        left:0px !important;
        visibility:visible !important;
    }

    .mobile-menu .navigation > li > .mega-menu{
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    /*=== End Mega Menu Style ===*/

    .main-footer .widget-title{
        margin-bottom: 20px;
    }

    .main-slider{
        text-align: center;
    }

    .fact-counter{
        padding-top: 50px;
    }

    .fact-counter .counter-column{
        margin-top: 0;
    }

    .fact-counter .counter-column .inner-column{
        padding: 30px;
        text-align: center;
    }

    .fact-counter .counter-column .icon{
        position: relative;
        display: block;
        margin: 0 auto 15px;
        border-radius: 10px;
    }
    .contact-form-section .layer-image{
        left: 15px;
        right: 15px;
        width: auto;
    }

    .fluid-section-four .image-column{
        margin: 0;
    }

    .services-section .text-column .inner-column{
        padding-right: 0;
    }

    .features-section .feature-block-three{
        position: relative;
        margin-top: 0;
        margin-bottom: 30px;
    }

    .fluid-section-two .content-column .inner-column{
        padding: 70px 15px;
        min-width: 100%;
    }

    .call-to-action.style-three .btn-box{
        text-align: center;
    }

    .call-to-action.style-three .theme-btn{
        margin: 0 15px 15px;
        text-align: center;
    }

    .services-section.style-two .row{
        margin: 0;
    }

    .services-section.style-two .text-column .inner-column{
        padding: 0;
        width: 100%;
    }

    .features-section-three .skills-outer .inner-column,
    .fluid-section-two.style-two .content-column{
        padding-left: 0;
    }

    .fluid-section-four .content-column .inner-column,
    .fluid-section-three .content-column > .inner-column{
        padding: 0;
    }

    .banner-box-five .content{
        padding: 60px;
    }
    .blog-checkerboard .news-block{
        padding: 0 15px;
    }

    .blog-checkerboard .news-block.style-two .image-box .date{
        right: auto;
        left: 0;
        border-top-right-radius: 0;
    }

    .blog-checkerboard .news-block .inner-box,
    .blog-checkerboard .news-block.style-two .inner-box{
        flex-direction: column;
    }

    .blog-checkerboard .news-block .image-box,
    .blog-checkerboard .news-block.style-two .image-box{
        order: 0;
        width: 100% !important;
    }

    .blog-checkerboard .news-block .lower-content,
    .blog-checkerboard .news-block.style-two .lower-content{
        text-align: left;
        width: 100% !important;
    }

    .right-sidebar .content-side .our-shop, 
    .right-sidebar .content-side .blog-post, 
    .right-sidebar .content-side .blog-sidebar{
        margin-right: 0;
    }

    .right-sidebar .sidebar-side .sidebar{
        padding-left: 0;
    }

    .left-sidebar .sidebar-side{
        order: 2;
    }

    .left-sidebar .sidebar-side .sidebar{
        padding-right: 0;
    }

    .left-sidebar .content-side .blog-post, 
    .left-sidebar .content-side .blog-sidebar{
        margin-left: 0;
    }

    .portfolio-single .portfolio-single-content{
        flex-direction: column;
    }

    .portfolio-single .portfolio-single-content .aside-part{
        padding-left: 0;
        margin-left: 0;
        border-left: 0;
        margin-top: 30px;
    }

    .portfolio-single-images.images-gallery .image{
        width: 33.3333333%;
    }

    .product-details .basic-details .details-header h4{
        font-size: 32px;
    }

    .news-block.style-two-even .inner-box{
        flex-direction: column;
    }

    .news-block.style-two-even .lower-content, 
    .news-block.style-two-even .image-box{
        width: 100%;
    }

    .news-block.style-two-even{
        padding: 0 15px;
    }

    .content-elements .row.content.buttons .column{
        text-align: left !important;
    }
}

@media only screen and (max-width: 767px){
    .call-to-action .content{
        flex-direction: column;
    }

    .call-to-action .sec-title-two{
        padding-left: 0;
        margin-bottom: 30px;
        text-align: center;
    }

    .call-to-action .sec-title-two .icon{
        position: relative;
        display: inline-block;
        left: 0;
        top: 0;
        margin: 0 auto;
    }

    .sec-title-two h3{
        font-size: 26px;
    }

    .feature-block .image-column,
    .feature-block .content-column{
        min-height: 450px;
    }

    .process-section .btn-box .text br,
    .process-block .icon-box .roadmap-divider,
    .feature-block .text br{
        display: none;
    }

    .process-block .inner-box{
        text-align: center;
    }

    .process-block .icon-box{
        display: inline-block;
    }

    .main-slider h2{
        font-size: 54px;
    }

    .free-consultation{
        background-image: none !important;
        background-color: #eee;
        padding: 70px 0;
    }

    .call-to-action.style-three .sec-title-two,
    .free-consultation .column .inner-column{
        padding-left: 0;
    }

    .page-title h1{
        font-size: 46px;
    }

    .process-block-two .inner-box,
    .fact-counter-two .counter-column .inner-column{
        text-align: center;
    }

    .process-block-two .icon-box .roadmap-divider{
        display: none;
    }

    .process-block-two .icon-box{
        display: inline-flex;
        margin-bottom: 0px;
    }

    .banner-box-five .content{
        flex-direction: column;
        align-items: flex-start;
    }

    .banner-box-five .content .desc{
        margin-bottom: 20px;
    }

    .portfolio-single-images.images-gallery .image{
        width: 50%;
    }

    .cart-table td.product-thumbnail a img{
        min-width: 50px;
    }
    .post-controls .post img {display: none;}
    .post-controls .post {padding-left: 50px;}
    .post-controls .next-post .post {padding-right: 0;padding-left: 50px;}
    .post-controls .next-post .post:hover {padding-right: 0;}
    .post-controls .prev-post .post:hover {padding: 0;padding-left: 50px;}
    .post-controls {align-items: inherit;}
    .post-controls {flex-direction: row;}
    .post-controls .post {flex-direction: row;align-items: center;flex-wrap: wrap;}
    .post-controls .post h5 {margin-bottom: -22px;}
}	

@media only screen and (max-width: 599px){
    .news-block .post-option .social-share{
        margin-left: 20px;
    }

    .consultation-section .form-style-one{
        padding: 40px 20px 20px;
    }

    .sec-title-two{
        padding-left: 0;
    }

    .sec-title-two .icon{
        position: relative;
        display: inherit;
        left: 0;
        top: 0;
        width: auto;
    }

    .fun-fact-section .text-column .text{
        padding-left: 0;
        text-align: center;
    }

    .quote-style-one .icon{
        position: relative;
        display: inline-block;
        margin-bottom: 20px;
    }

    .quote-style-one .author{
        padding-left: 0;
        padding-top: 10px;
        margin-top: 10px;
    }

    .quote-style-one .author:before{
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    .quote-style-one{
        padding: 0;
        text-align: center;
    }
    .main-slider h2{
        font-size: 42px;
    }

    .main-slider .text{
        font-size: 14px;
        line-height: 20px;
    }

    .testimonials-section-two .testimonial-carousel{
        padding: 0;
    }

    .feature-block-two .icon{
        position: relative;
        display: inline-block;
        margin-bottom: 20px;
    }

    .feature-block-three .inner-box .content,
    .feature-block-two .inner-box{
        padding-left: 0;
        text-align: center;
    }

    .testimonials-block-two p{
        font-size: 18px;
        line-height: 28px;
    }

    .request-form .form-group button{
        width: 100%;
    }

    .feature-block-three .inner-box .icon{
        display: inline-block;
        position: relative;
        top: 0;
        margin-bottom: 20px;
        transform: none;
    }

    .feature-block-four .inner-box{
        padding: 40px 20px;
    }

    .page-title h1{
        font-size: 28px;
    }	

    .fact-counter-three .counter-column .icon{
        position: relative;
        display: block;
        margin:0 auto 20px;
    }

    .fact-counter-three .counter-column .inner-column{
        padding: 30px;
        text-align: center;
    }

    .testimonials-block .inner-box{
        padding: 60px 30px;
        text-align: center;
    }

    .testimonials-block .image{
        position: relative;
        right: 0;
        margin: 0 auto 20px;
    }

    .banner-box-five .content{
        padding: 30px;
    }

    .testimonials-block-three .text{
        font-size: 18px;
        line-height: 1.4em;
    }

    .banner-box-six .title{
        font-size: 18px;
    }

    .author-box .image-box{
        position: relative;
        display: inline-block;
        margin-bottom: 20px;
    }

    .author-box .inner-box{
        padding-left: 0;
        text-align: center;
    }

    .post-controls{
        flex-direction: row;
        justify-content: space-between;
    }

    .post-controls > div{
        margin: 20px 0;
        width: 100%;
    }

    .post-controls .next-post .post:before,
    .post-controls .next-post .post img{
        right: auto;
        left: 0;
    }

    .post-controls .next-post .post:hover{
        padding-right: 0;
    }

    .post-controls .next-post .post:hover img{
        left: 35px;
    }

    .post-controls .archive-dots{
        display: none;
    }

    .post-controls .title,
    .post-controls .next-post .post{
        padding-right: 0;
        text-align: left;
    }

    .news-block .post-format-quote,
    .news-block .post-format-link{
        padding: 70px 30px;
    }

    .news-block .post-format-quote,
    .news-block .post-format-link a{
        font-size: 22px;
        line-height: 1.2em;
    }

    .portfolio-single h3{
        font-size: 24px;
    }

    .shop-upper-box{
        flex-direction: column;
        display: flex;
    }

    .shop-upper-box > div{
        width: 100%;
        margin-top: 10px;
        text-align: center;
    }

    .checkout-page .coupen-outer .form-group .theme-btn,
    .cart-section .totals-table .theme-btn{
        width: 100%;
    }

    .checkout-page .coupen-outer .upper-box button{
        display: none;
    }

    .shop-single .products-carousel-outer{
        padding-left: 0;
    }

    .shop-single .products-carousel-outer .thumbs-carousel img{
        transform: none;
    }

    .shop-single .products-carousel-outer .thumbs-carousel{
        position: relative;
        left: 0;
        top: 0;
        transform: none;
    }

    .post-controls .post{
        justify-content: flex-start;
    }

    .post-controls .title{
        margin-bottom: 5px;
    }

    .blog-post > .news-block .date{
        padding: 15px 30px 10px 10px;
    }
}

@media only screen and (max-width: 576px) {
    .post-controls .post > h5 {display: none;}
    .post-controls .post > span {display: none;}
    .post-controls .prev-post .post::after {content: 'Prev Post'; color: #4C4C4D; }
    .post-controls .next-post .post::after {content: 'Next Post'; color: #4C4C4D; }
    .post-controls .title {display: none;}
    .post-controls .post:before {background-color: inherit; color: #764098; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
    .post-controls .post:hover:before {background-color: #764098;color: #fff;width: 40px;}
    .post-controls .next-post .post {float: right;padding-left: 0;padding-right: 50px;}
    .post-controls .next-post .post:before {left: auto;right: 0;}
    .post-controls .next-post .post:hover {padding: 0;padding-right: 50px;}
    .post-controls > div {margin: 0;}
    .post-controls {padding: 10px 0;}
}

@media only screen and (max-width: 479px){

    .cart-section .apply-coupon .form-group .theme-btn,
    .cart-section .apply-coupon .form-group,
    .cart-section .apply-coupon .input{
        width: 100%;
        min-width: 100%;
        margin-left: 0;
    }

    .order-box table td {font-size:14px;}
    .post-controls .post h5 {font-size: 14px;line-height: 20px;margin-bottom: -2px;}
    .post-controls .post .post-date {font-size: 12px;}
}

@media only screen and (max-width:767px) {
    .res-p3 { padding:30px;}
    .auto-container { padding:0px 25px;}
    .portfolio-block-four .content-box h4 { font-size:22px;}
    .brand-section .brand-block { text-align:center; padding:30px 15px;}
    .brand-block .content-column .inner-column { padding:0px;}
    .clients-section .sponsors-logo li.gray-img { padding: 5px;}
    .sec-title h3, .section-title h2 {font-size: 22px; line-height:30px;}
    .pricing-table { margin:20px 0px;}
    .pricing-table .table-content h3 { font-size:22px;}
    .pricing-table .table-content h3 b { font-weight:bold;}
    .pricing-table .table-content .icon { margin:10px 0px;}

    .call-to-action { text-align: center;}
    .call-to-action h3 { font-size:22px;}
    .call-to-action .btn-box { margin-top:15px;}

    .main-footer .logo { text-align: center; }
    .main-footer .links-widget { padding:0px;}
    .main-footer .links-widget h4 { font-size:18px;}
    .main-footer .inner-box { margin:5px 0px;}
    .main-footer .widgets-section { padding-top:30px;}

    section.section { padding:40px 0px;}
    .banner-section .banner-content { max-width:100%; padding:0px 0px 20px;}
    .banner-section .banner-content h2{ font-size:26px;}
    .quote-style h2 { font-size:22px; margin-bottom:10px;}
    .service-block-three .inner-box h3 {font-size:20px;}
    .service-block-three .inner-box { padding:0px;}
    .faqs-section .acc-content { padding:0 0 30px !important;}
    .service-block-two h3 { font-size:18px;}
    .service-block-two .text { font-size: 14px; line-height: 24px; margin-top: 0;}
    .list-style-one li { text-align:left;}   

    .portfolio-single-images .image { padding: 3px; margin-bottom: 5px;}
    .tablinkSection { padding:7px 10px; background:#72309b !important;}
    .tablinkcountry { width:48%; padding:7px 10px; background:#72309b !important;}    
    .tablinkSection.active, .tablinkcountry.active { background:#f26f27 !important;}

    .tabcontentSection { padding:10px 0px !important;}
    .content-column h3, .content-column h4, .news-block .lower-content h3 { font-size:22px; }
    .content-column .inner-column, .news-block .lower-content { padding:0px !important;}
    .section .cert-list li.active { margin-top:20px;}
    .section .cert-list { margin:0px 20px;}
    .section .cert-list p { margin-right:0px;}
    .cert-list-box { text-align: center;}
    .cert-list-box img { height:70px;}

    .news-image-column .content-box a { float: none !important;}
    .brand-block h2{ font-size: 24px; font-weight: normal; }
    .process-section {text-align: center;}
    .process-block h4 small { margin-right:15px;}
    .process-block .icon-box .icon { font-size: 34px; width:70px; height:70px; line-height:70px;}
    .process-block h4 { margin:10px 0px 0px;}
    .process-block .inner-box { margin-bottom:20px;}

    .partner-manage h3, .title-box .title { font-size:20px; }
    .partner-manage .large-text ul li { width:100%; text-align: left;}

    .news-block .lower-content h4 { font-size:16px; line-height:24px; margin:15px 0px;}
    .news-block .image-box .date { padding:10px 15px;}

    .holderCircle { display:none;}
    .contentCircle { width:100%; position: relative; transform:none; left:auto; top: auto;}
    .contentCircle_right.contentCircle i { display: none;}
    .contentCircle .CirItem, .contentCircle_right.contentCircle { line-height:20px; height:auto; width:100%; opacity:1; position: relative; transform:none; left:auto; top: auto; margin-bottom:20px;}

    .product-details { margin:0px;}
    .resource_box h4 { min-height:0px; margin:10px 0px; font-size:18px; font-weight: bold;}
    .accordion-box .block .acc-btn .icon { font-size:16px; left:10px; top:15px;}
    .accordion-box .block .acc-btn {  font-size:16px; padding:15px; padding-left:35px;}
    .accordion-box .block .content { padding:20px;}

    .faqs-section .sec-title h3 { font-size:20px;}
    .getintouch-box { padding:30px;}
    .getintouch-box .theme-btn { width:100% !important;}
    .contact-form-section .contact-form .title h4 { font-size:16px;}   

    .sidebar-page-container .sidebar-side { display:none;}
    .sidebar-page-container .lower-content { margin-top:20px;}
    .getintouch-box h3 { font-size: 20px;}
    .getintouch-box h5 { font-size: 16px;}
}