@media (max-width:1024px){
    #header .header-info,.logo{
        float:none!important;
        width:100%
    }
    .thm-container{
        padding:0 15px
    }
    .logo{
        text-align:center;
        margin-bottom:30px
    }
    #header .header-info{
        padding-left:15%
    }
    .welcome-text .text-box p br{
        display:none
    }
    .featured-service-box{
        padding-bottom:50px
    }
    .call-to-action .call-to-action-text{
        padding-bottom:71px
    }
    .single-team-member a.readmore{
        padding-left:30px
    }
    .single-fact-counter .icon-box{
        margin-bottom:20px
    }
    .single-fact-counter .icon-box,.single-fact-counter .text-box{
        display:block;
        text-align:center;
        padding:0
    }
    .error-404 .container br,.single-service-page .image-box{
        display:none
    }
    .single-fleet-gallery-wrapper.style-two .single-fleet-gallery{
        width:33.3333%
    }
    .error-404 .container{
        padding-bottom:50px
    }
    .faq-form input{
        width:77%
    }
    #header2 .logo,#header3 .logo{
        width:auto!important;
        margin:0
    }
    .contact-info ul li .content{
        padding-left:25px
    }
    #header2 .logo{
        float:left!important
    }
    .pull-left{
        margin-top: -48px !important;
    }
    
    .pull-right{
        margin-top: -39px;
    }
    #header2 .nav-holder .nav-header{
        float:right;
        padding:38px 0
    }
    #header2 .nav-holder .nav-footer ul.nav>li>a{
        color:#13314C;
        padding:9px 14px;
        border: none !important;
    }
    .nav-footer ul.nav {
    padding-top: 23px !important;
    padding-bottom: 3px;
}
    
    .nav-holder .nav-footer ul.nav > li {
    display: inline-block;
    line-height: 29px;
    padding: 16px 0 !important;
    position: relative;
    margin-top: -43px;
}
.nav-footer ul.nav {
    padding-top: 0px;
    padding-bottom: 3px;
}
.nav li{text-align: left !important;}

    
    #header2.stricky-fixed .logo img{
        /*padding:15px 0*/
    }
    #header3 .logo{
        float:left!important
    }
    #header3 .nav-holder .nav-header{
        float:right;
        padding:29px 0
    }
    #header3 .nav-holder .nav-footer ul.nav>li>a{
        color:#242424;
        padding:9px 14px
    }
    #header3.stricky-fixed .logo img{
        /*padding:15px 0*/
    }
    .text-rotator-banner{
        height:700px
    }
    .call-to-action .right-full-image img{
        width:auto;
        max-width:none;
        float:right
    }
    .welcome-text{
        margin-top:-1px
    }
    .welcome-single-services .img-box{
        width:200px
    }
    .single-blog-post .img-box{
        margin-bottom:20px
    }
    .footer-widget{
        margin-bottom:40px;
        text-align:center;
    }
    .cont{
    margin-left: auto;
    margin-right: auto;
    display: table;
    }
    .footer-widget .pl-30{
        padding-left:0
    }
    .footer-widget .title h3:after{
        margin:13px auto 0 auto
    }
    .thm-banner-wrapper .caption-h1{
        font-size:34px;
        line-height:34px
    }
}
@media (max-width:800px){
    #header .header-info{
        padding-left:0
    }
}
@media (max-width:768px){
    #header .header-info{
        padding-left:2%
    }
    .call-to-action .call-to-action-text{
        border:none
    }
    .faq-section [class*=col-],.faq-section [class^=col-]{
        padding-bottom:50px
    }
    .faq-section .accrodion{
        padding-right:0
    }
    .faq-section .view-location{
        text-align:center;
        width:80%;
        margin:auto
    }
    .single-blog-post,.single-fact-counter,.single-team-member{
        margin-bottom:30px
    }
    .request-qoute [class*=col-],.request-qoute [class^=col-]{
        padding-bottom:100px
    }
    .request-qoute [class*=col-]:last-child,.request-qoute [class^=col-]:last-child{
        padding-bottom:0
    }
    .img-cap-effect .img-box img{
        width:100%
    }
    .single-fact-counter .icon-box,.single-fact-counter .text-box{
        display:table-cell;
        padding:0;
        text-align:left
    }
    .single-fact-counter .text-box{
        padding-left:30px
    }
    .pull-left .single-sidebar-widget,.pull-right .single-sidebar-widget{
        padding:0 25%;
        margin-bottom:50px!important
    }
    .gallery-filter li span{
        font-size:12px;
        padding:1px 18px
    }
    .single-fleet-gallery-wrapper.style-two .single-fleet-gallery{
        width:50%
    }
    .thm-banner-wrapper .caption-divider span.divider{
        height:54px
    }
    .featured-services{
        padding-bottom:60px
    }
    .faq-section .view-location p{
        margin-top:25px
    }
}
@media (max-width:650px){
    #top-bar .phone,#top-bar .top-contact-info{
        float:none!important;
        width:100%;
        text-align:center
    }
    #top-bar .top-contact-info li{
        text-align:center;
        display:block;
        padding:0
    }
    .tp-caption{
        display:none!important
    }
    .header-info{
        text-align:center
    }
    .header-info .info-box{
        display:inline-block;
        text-align:left
    }
    .featured-services .col-md-4,.header-info .info-box .icon-box{
        display:none
    }
    .featured-service-box{
        padding-bottom:0
    }
}
@media (max-width:480px){
    .header-info .info-box{
        display:block
    }
    .header-info .info-box.search-box-wrapper{
        display:none
    }
    .header-info .info-box:first-child{
        text-align:center
    }
    .header-info .info-box .icon-box i{
        border-left:0;
        padding-left:0
    }
    #header{
        padding-bottom:20px
    }
    .thm-banner-wrapper .tp-caption{
        display:none!important
    }
    .welcome-text .title-box{
        display:block;
        border-right:0;
        border-bottom:4px solid #12a0b1;
        margin-bottom:15px;
        padding-bottom:15px;
        text-align:center
    }
    .accrodion .accrodion-content .img-caption .content-box,.accrodion .accrodion-content .img-caption .img-box,.single-blog-post .content-box,.single-blog-post .img-box{
        padding:0;
        margin-left:auto;
        margin-right:auto;
        display:block
    }
    .welcome-text .text-box{
        padding-left:0
    }
    .accrodion .accrodion-content .img-caption .content-box{
        margin-top:20px
    }
    .single-blog-post .content-box,.single-blog-post .img-box{
        width:85%
    }
    .single-blog-post .content-box{
        margin-top:30px
    }
    .footer-top{
        background:#1FB5C7
    }
    .footer-top form input{
        width:43%
    }
    .bottom-bar .pull-left,.bottom-bar .pull-right{
        float:none!important;
        width:100%;
        text-align:center
    }
    .about-info-box .img-cap-effect{
        margin-bottom:60px
    }
    .pull-left .single-sidebar-widget,.pull-right .single-sidebar-widget{
        padding:0 14%
    }
    .single-client-box .content,.single-client-box .icon-box{
        display:block;
        margin-left:auto;
        margin-right:auto
    }
    .career-page .caption-box .content-box,.career-page .caption-box .img-box{
        display:block;
        width:100%;
        padding:0
    }
    .career-page .accrodion .accrodion-title h4{
        padding-right:30px
    }
    .request-qoute{
        background-image:none
    }
    .single-post-page .image-caption-box .text-box,.single-service-page .image-caption-box .text-box{
        display:block;
        width:100%;
        padding:0;
        margin-left:auto;
        margin-right:auto
    }
    .single-fleet-gallery-wrapper.style-two .single-fleet-gallery{
        width:100%
    }
    .faq-form input{
        width:63%
    }
    .faq-page .accrodion .accrodion-title h4{
        line-height:31px;
        padding-right:28px
    }
    #header2,#header3{
        padding:0
    }
    .blog-page .single-blog-post .meta-info .content-box .post-links li{
        display:block
    }
    #header2 .logo img{
        width:70%;
        float:left;
        margin-left:15px;
        margin-top: 16px;
    }
    .nav-holder .nav-header button{
    width:40px;
    height:40px;
    background:#0F2233;
    border:none;
    outline:0;
    color:#fff;
    font-size:18px;
    border-radius:5px;
    margin-top: 2px;
}
    #header2 .nav-holder .nav-header{
        float:right;
        padding:22px 0
    }
    #header2 .nav-holder{
        width:100%;
        position:absolute;
        right:10px;
        top:0
    }
    #header3 .logo img{
        width:70%
    }
    #header3 .nav-holder{
        width:100%;
        position:absolute;
        right:10px;
        top:85px
    }
    #header3.stricky-fixed .nav-holder{
        top:-7px
    }
    .header-info .info-box{
        padding:10px 0;
        text-align:center
    }
    .header-info .info-box .icon-box,.header-info .info-box .text-box{
        display:inline-block;
        text-align:left
    }
    #header .header-info,.logo{
        margin-bottom:10px
    }
    .single-fact-counter{
        padding:0;
        text-align:center
    }
    .single-fact-counter .icon-box,.single-fact-counter .text-box{
        display:inline-block;
        text-align:left;
        margin:0
    }
}
@media (max-width:414px){
    .main-menu-wrapper .free-qoute-button a{
        font-size:14px;
        padding:18px 18px 18px 5px
    }
    .header-info .info-box{
        display:block;
        padding:10px 0;
        text-align:center
    }
    #header{
        padding-bottom:40px
    }
    .footer-top form input{
        width:90%
    }
    .welcome-single-services .img-box,.welcome-single-services .text-box{
        display:block;
        padding:0;
        width:100%
    }
    .welcome-single-services .text-box{
        padding:20px
    }
    .welcome-single-services .img-box img{
        width:100%
    }
    .welcome-single-services .text-box::after,.welcome-single-services .text-box::before{
        display:none
    }
    .testimonial-box header .content,.testimonial-box header .img-box{
        display:block;
        margin-left:auto;
        margin-right:auto;
        padding:0
    }
    .testimonial-box{
        padding:0 0 80px
    }
    .testimonial-box .content-box .title h3{
        line-height:28px
    }
    .testimonial-box .content-box .qoute-box{
        vertical-align:middle
    }
    .single-fact-counter{
        padding:0
    }
    .about-info-box{
        background:0 0
    }
    .featured-services.style-two .single-featured-service{
        padding-left:0
    }
    .pull-left .single-sidebar-widget,.pull-right .single-sidebar-widget,.single-testimonial-box{
        padding:0
    }
    .single-testimonial-box header .icon-box,.single-testimonial-box header .info-box{
        display:block;
        margin-left:auto;
        margin-right:auto;
        margin-bottom:10px;
        padding:0
    }
    .single-sidebar-widget .insta-feed ul .img-box{
        width:145px
    }
    .blog-page .single-blog-post .meta-info .content-box,.blog-page .single-blog-post .meta-info .date-box{
        display:block;
        margin:0 auto;
        padding:0
    }
    .blog-page .single-blog-post .meta-info .date-box .inner-box{
        margin-left:auto;
        margin-right:auto;
        margin-bottom:15px
    }
    .single-post-page .comments-box .single-comment .comment-img{
        display:block;
        padding:0;
        margin-left:auto;
        margin-right:auto
    }
    .single-blog-post .content-box,.single-blog-post .img-box{
        width:100%
    }
    .single-fact-counter .icon-box,.single-fact-counter .text-box{
        display:block;
        padding:0;
        text-align:center
    }
    * [class*=col-md-]:last-child .single-team-member,* [class^=col-md-]:last-child .single-team-member{
        margin-bottom:0
    }
    .single-team-member{
        margin-bottom:50px
    }
    .faq-section [class*=col-]:last-child,.faq-section [class^=col-]:last-child,.request-qoute [class*=col-]:last-child,.request-qoute [class^=col-]:last-child{
        padding-bottom:0
    }
    .fact-counter{
        -webkit-background-size:cover;
        background-size:cover
    }
    .faq-section .view-location p{
        margin-top:20px
    }
    .call-to-action .call-to-action-text h3{
        font-size:21px;
        margin-bottom:10px;
        line-height:28px
    }
    .single-featured-service .title-box h3 span{
        font-size:19px
    }
    .welcome-text .title-box{
        padding:0 0 10px
    }
    .header-info .info-box .icon-box{
        margin-bottom:15px
    }
    .header-info .info-box .icon-box,.header-info .info-box .text-box{
        display:block;
        text-align:center;
        padding:0
    }
    .welcome-single-services .img-box{
        -webkit-clip-path:none;
        clip-path:none
    }
}
@media (max-width:1100px){
    .main-menu-wrapper .thm-container{
        padding:0!important
    }
    /*.nav-holder{
        width:45%
    }
    */
    .nav-holder .nav-header{
        display:block
    }
    .nav-holder .nav-footer{
        display:none;
        /*height:250px;
        */
        overflow:hidden;
        overflow-y:visible;
        position:relative;
        z-index:9999
    }
    .nav-holder>.nav-footer ul>li{
        float:none;
        /*padding:5px 5px 0!important;*/
        display:block!important
    }
    .nav-holder .nav-footer ul.nav>li>a{
        color:#242424;
        padding: 9px 14px;
        border: none !important;
    }
    .nav-holder>.nav-footer{
        position:absolute;
        top:102%;
        right:0;
        width:250px;
        background:#fff;
        background:-webkit-linear-gradient(top,#fff 0,#fafafa 19%,#e2e2e2 69%,#d7d7d7 100%);
        background:linear-gradient(to bottom,#fff 0,#fafafa 19%,#e2e2e2 69%,#d7d7d7 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d7d7d7', GradientType=0)
    }
    .nav-holder>.nav-footer ul>li>.submenu{
        position:relative!important;
        opacity:1!important;
        visibility:visible!important;
        top:auto!important;
        left:auto!important;
        padding-left:20px;
        padding-right:20px;
        padding-bottom:20px;
        width:100%;
        display:none;
        transition:none!important;
        
    }
    .nav-holder>.nav-footer ul>li>ul.submenu,.nav-holder>.nav-footer ul>li>ul.submenu>li>.submenu{
        display:none;
        transition:none;
        width:100%!important;
        padding:0 00px 0 0
    }
    .nav-footer ul.nav{
        padding-top: 0px;
        padding-bottom:5px
    }
    .nav-holder .nav-footer ul.nav > li {
    display: inline-block;
    line-height: 29px;
    padding: 16px 0 !important;
    position: relative;
    }
    
    .nav-footer ul.nav>li>a{
        display: block;
        font-family: 'Montserrat';
        font-weight: normal;
        line-height: 26px;
        position: relative;
        text-transform: uppercase;
    }
    .nav-holder>.nav-footer ul.nav>li:hover>a{
        background:#13314C;
        color:#fff!important
    }
    .nav-footer ul.nav li.has-submenu>a{
        position:relative
    }
    .nav-footer ul.nav li.has-submenu>a>button{
        display:block;
        position:absolute;
        top:9px;
        right:15px;
        background:#0F2233;
        border:1px solid #c4cab3;
        border-radius:5px;
        color:#fff;
        font-size:16px;
        height:30px;
        outline:0;
        width:30px;
        padding:0;
        text-align:center;
        line-height:15px
    }
}
@media (max-width:480px){
    .nav-holder>.nav-footer{
        top:100%;
        /*width:100vw!important;
        height:80vh!important*/
    }
}
