/*  Theme Responsive Css */

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

    .boxed_wrapper{
        overflow-x: hidden;
    }

}

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

}


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

    .header-style-two .top-left .menu-area{
        margin-left: 15px;
    }

    .header-style-two .main-menu .navigation > li {
        margin: 0px 10px 0px 10px;
    }

    .header-style-two .top-left .social-area{
        margin-left: 15px;
        margin-right: 0px;
    }

}

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

    .header-style-two .top-left .social-area{
        display: none;
    }

    .slider-style-two .lower-content{
        display: none;
    }

}


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

    .main-menu .navigation > li {
        margin: 0px 7px 0px 25px;
    }

    .main-header .right-column .header-top li,
    .main-header .right-column .header-top li:last-child{
        width: 50%;
        float: left;
        margin: 0px 0px 10px 0px;
        top: 0px;
    }

    .main-header .right-column .header-top{
        padding: 30px;
    }

    .main-header .social-style-one li{
        margin-bottom: 5px;
        margin-right: 2px;
    }

    .main-menu .navigation > li > a{
        padding-bottom: 30px;
    }

    .welcome-section .inner-box .image-box.image-two{
        display: none;
    }

    .welcome-section .content-box{
        margin: 0px;
    }

    .chooseus-block-one{
        padding: 63px 20px 41px 20px;
    }

    .product-block-one{
        padding: 62px 25px 41px 285px;
    }

    .our-philosophy .content-box{
        margin: 0px;
    }

    .fluid-section .right-column .form-column{
        padding-left: 60px;
    }

    .fluid-section .left-column .content-box {
        padding: 155px 60px 100px 30px;
    }

    .cta-section .left-column{
        float: none;
        text-align: center;
        margin-bottom: 20px;
    }

    .cta-section .right-column{
        float: none;
        text-align: center;
        margin: 0px;
    }

    .header-style-two .top-left,
    .header-style-two .top-left .logo-outer{
        float: none;
    }

    .header-style-two .top-right{
        display: none;
    }

    .header-style-two .top-left .menu-area{
        max-width: 755px;
        margin: auto;
        float: none;
    }

    .main-header .social-style-one{
        padding-right: 45px;
        text-align: center;
    }

    .header-style-two .main-menu .navigation > li {
        margin: 0px 20px 0px 20px;
    }

    .header-style-two .top-left .menu-area{
        padding-top: 0px;
    }

    .header-style-two .main-menu .navigation > li > a {
        padding: 27px 0px 25px 0px;
    }

    .sticky-header .main-menu .navigation > li > a {
        padding: 14px 20px 16px 20px;
    }

    .header-style-two .sticky-header .main-menu .navigation > li{
        margin: 0px;
    }

    .header-style-two .sticky-header .main-menu .navigation > li > a {
        padding: 14px 20px 16px 20px;
    }

    .intro-section .left-content{
        max-width: 680px;
    }

    .tabs-box .tabs-content .content-box{
        margin: 0px;
    }

    .tabs-box .tabs-content .image-inner .lower-content {
        padding: 41px 30px 38px 120px;
    }

    .tabs-box .tabs-content .image-inner .lower-content .icon-box{
        left: 50px;
    }

    .tabs-box .tab-btns .tab-btn{
        padding: 60px 20px 44px 20px;
    }

    .assistance-section .content-box {
        padding: 40px 0px 0px 60px;
    }

    .price-table{
        padding: 51px 30px 58px 30px;
    }

    .main-footer .main-footer-content .explore-widget{
        margin-left: 35px;
    }

    .car-insurance .inner-content .single-item{
        padding-left: 30px;
    }

    .car-insurance .inner-content .single-item .number{
        left: 30px;
    }

    .discover-section .content-box {
        padding: 40px 30px 48px 30px;
    }

    .sidebar-page-container .sidebar .sidebar-insurance {
        padding: 128px 20px 133px 20px;
    }

    .sidebar-page-container .sidebar{
        margin-left: 30px;
    }

    .sidebar-page-container .sidebar .sidebar-twitter .comment-box{
        padding: 31px 30px 36px 30px;
    }

    .contact-section .inner-content {
        padding-right: 30px;
        padding-bottom: 60px;
    }

    .main-slider.slider-style-two .slide:after{
        display: none;
    }

}



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

    .main-header .right-column .header-top:before{
        display: none;
    }

    .main-header .right-column .header-top{
        display: none;
    }

    .main-header .left-column .logo-box{
        text-align: center;
    }

    .main-header .social-style-one{
        padding: 0px;
    }

    .main-header .menu-area{
        float: none;
        padding-bottom: 15px;
    }

    .fixed-header .sticky-header{
        display: none;
    }

    .main-menu .navigation > li > ul > li:hover{
        background: #333333;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .main-menu .navigation > li > ul > li,
    .main-menu .navigation > li > ul > li > ul > li{
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .main-menu .navigation > li > ul > li{
        padding: 0px;
    }

    .welcome-section .inner-box .image-box.image-one{
        margin: 0px 0px 30px 0px;
    }

    .welcome-section .inner-box .inner-content{
        top: 0px;
    }

    .chooseus-block-one{
        margin-bottom: 30px;
    }

    .our-philosophy:before{
        display: none;
    }

    .our-philosophy .image-box{
        margin-bottom: 30px;
    }

    .team-block-one .lower-content{
        padding-bottom: 30px;
    }

    .counter-block-one:before{
        display: none;
    }

    .fluid-section .left-column,
    .fluid-section .right-column{
        position: relative;
        float: none;
        width: 100%;
    }

    .fluid-section .left-column .content-box{
        float: none;
        text-align: center;
    }

    .fluid-section .left-column .content-box {
        padding: 60px 15px 30px 15px;
    }

    .fluid-section .right-column .form-column{
        max-width: 100%;
        padding: 60px 30px;
    }

    .news-block-one .lower-content{
        padding-bottom: 60px;
    }

    .main-footer .main-footer-content .explore-widget,
    .main-footer .main-footer-content .product-widget,
    .main-footer .main-footer-content .about-widget{
        margin: 0px 0px 30px 0px;
    }

    .main-footer .main-footer-content{
        padding-bottom: 63px;
    }

    .header-style-two .top-left .menu-area{
        max-width: 100%;
        padding: 15px;
    }

    .main-header{
        background: #2b3132;
    }

    .header-style-two .top-right{
        position: absolute;
        display: block;
        top: 120px;
        right: 15px;
        padding: 0px;
    }

    .intro-section .left-content .form-group:before{
        display: none;
    }

    .intro-section .right-content{
        float: none;
        max-width: 100%;
    }

    .intro-section .left-content{
        float: none;
    }

    .tabs-box .tab-btns .tab-btn{
        margin: 15px 0px;
    }

    .tabs-box .tabs-content .image-inner{
        margin-bottom: 30px;
    }

    .work-progress .inner-content{
        border: none;
        border-bottom: 2px solid #f4f3f0;
    }

    .single-progress-content:before{
        display: none;
    }

    .single-progress-content {
        padding: 0px 50px 50px 50px;
    }

    .single-progress-content h3{
        margin-bottom: 16px;
    }

    .assistance-section .image-box{
        float: none;
    }

    .assistance-section .inner-content{
        padding: 80px 30px 120px 30px;
    }

    .assistance-section .content-box{
        padding: 0px;
        margin-bottom: 30px;
    }

    .price-table{
        margin-bottom: 30px;
    }

    .auto-insurance .sec-title{
        margin-bottom: 30px;
    }

    .auto-insurance .content-inner .text{
        margin: 0px;
    }

    .discover-section .image-content{
        margin: 0px 0px 30px 0px;
    }

    .discover-section .content-box{
        margin: 0px;
    }

    .contact-section .map-column{
        position: relative;
        width: 100%;
        padding: 0px 15px;
    }

    .contact-section .inner-content {
        padding: 112px 0px 50px 0px;
    }

    .chooseus-block-one .link{
        margin-bottom: 12px;
    }

    .intro-section .right-content button{
        padding: 25px 15px;
    }

    .single-service .service-sidebar-content{
        margin-bottom: 40px;
    }

    .single-service .service-details-content{
        margin: 0px;
    }

    .contact-section .google-map-area{
        padding-bottom: 120px;
    }

    .main-header .left-column {
        padding: 30px 0px 20px 0px;
    }

}


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

    .intro-section .left-content .form-group{
        margin-bottom: 10px;
    }

    .fluid-section .right-column .form-column .form-group .ui-selectmenu-button.ui-button{
        margin-bottom: 30px;
    }

    .auto-insurance .image-inner .image-box{
        margin-bottom: 30px;
    }

    .auto-insurance .image-inner{
        margin-bottom: 0px;
    }

    .sidebar-page-container .blog-single-content{
        margin: 0px;
    }

    .sidebar-page-container .blog-single-content{
        padding-bottom: 40px;
    }

    .slider-style-two .icon{
        display: none;
    }

    .single-service .service-details-content .content-style-two .list{
        margin-bottom: 30px;
    }

    .welcome-section {
        padding: 42px 0px 70px 0px;
    }

    .chooseus-section,
    .our-product,
    .testimonial-section{
        padding: 70px 0px 80px 0px;
    }

    .brand-section{
        padding: 50px 0px;
    }

    .sec-pad,
    .ourmission-section,
    .work-progress{
        padding: 63px 0px 70px 0px;
    }

    .news-section{
        padding: 63px 0px  30px 0px;
    }

    .featured-section{
        padding: 70px 0px 40px 0px;
    }

    .our-philosophy,
    .fact-counter,
    .assistance-style-two,
    .single-service,
    .blog-classic-section{
        padding: 70px 0px;
    }

    .assistance-section .inner-content {
        padding: 63px 30px 70px 30px;
    }

    .discover-section,
    .sidebar-page-container .blog-single-content{
        padding-top: 70px;
    }

    .sidebar-page-container .sidebar {
        margin-left: 0px;
    }

    .sidebar-page-container .sidebar-side:before{
        left: 0px;
    }

}

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

    .main-slider h1{
        font-size: 80px;
        line-height: 80px;
    }

    .page-title .content-box .title h2{
        border-bottom: none;
    }

}


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

    .product-block-one .image-box{
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        margin-bottom: 60px;
    }

    .product-block-one {
        padding: 62px 30px 41px 30px;
    }

    .main-footer .footer-top .logo-outer{
        float: none;
        text-align: center;
        margin-bottom: 20px;
    }

    .main-footer .footer-top .footer-social{
        float: none;
        text-align: center;
    }

    .sidebar-page-container .blog-single-content .post-share-option .tags{
        float: none;
        display: block;
        margin: 0px 0px 10px 0px;
    }

    .sidebar-page-container .blog-single-content .post-share-option .social-links{
        position: relative;
        float: none;
        display: block;
    }

    .main-slider h1{
        font-size: 60px;
        line-height: 60px;
    }

    .error-section .content-box h1{
        font-size: 140px;
        line-height: 150px;
    }

    .tabs-box .tabs-content .image-inner .lower-content .icon-box {
        left: 30px;
    }

    .tabs-box .tabs-content .image-inner .lower-content {
        padding: 41px 30px 38px 100px;
    }

    .page-title .content-box .title h2{
        font-size: 60px;
        line-height: 68px;
    }

    .pagination li{
        margin-bottom: 10px;
    }

    .sidebar-page-container .blog-single-content .author-box .author-image{
        position: relative;
        top: 0px;
        width: 100%;
        height: 100%;
        margin-bottom: 15px;
    }

    .sidebar-page-container .blog-single-content .author-box {
        padding: 0px 0px 59px 0px;
    }

}

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

    .ourmission-section .content-box h1{
        font-size: 50px;
        line-height: 55px;
    }

    .fluid-section .right-column .form-column .form-group .theme-btn {
        padding: 25px 20px;
    }

    .insurane-coverage .inner-content .content-box {
        padding: 51px 20px 55px 30px;
    }

    .sidebar-page-container .blog-single-content .comments-area .comment{
        padding-left: 130px;
    }

    .single-progress-content {
        padding: 0px 30px 50px 30px;
    }


}




/* =============== Mobile menu ===================== */

@media only screen and (max-width: 991px) {
    .header-top .links-nav li{
        margin-right: 15px;
    }
    .main-menu .navbar-header{
        position: relative;
        float:none;
        display:block;
        text-align:left;
        width:100%;
        top: 0px;
    }
    .main-header .main-menu {
        width: 100%;
    }
    .main-menu .navbar-header .navbar-toggle{
        display:inline-block;
        z-index:7;
        float:none;
        padding: 10px;
        cursor:  pointer;
        border-radius:0px;
        background:  #f18f20;
    }
    .main-menu .navbar-header .navbar-toggle .icon-bar{
        background: #ffffff;
        height: 2px;
        width: 29px;
        display:  block;
        margin: 5px;
    }
    .main-menu .collapse {
        overflow:auto;
        float:none;
        width:100%;
        padding:0px 0px 0px;
        border:none;
        margin:0px;
        max-height: 320px;
        -ms-border-radius:3px;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        -o-border-radius:3px;
        border-radius:3px;
    }
    .main-menu .navbar-collapse > .navigation{
        float:none !important;
        margin:0px !important;
        width:100% !important;
        background: #333333;
        border:1px solid #ffffff;
    }
    .main-menu .navbar-collapse > .navigation > li{
        margin:0px !important;
        float:none !important;
        width:100%;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    }
    .main-menu .navigation > li > a,
    .main-menu .navigation > li > ul:before{
        border:none;
    }
    .main-menu .navbar-collapse > .navigation > li > a{
        padding:10px 10px !important;
        border:none !important;
    }
    .main-menu .navigation li.dropdown > a:after,
    .main-menu .navigation > li.dropdown > a:before,
    .main-menu .navigation > li > ul > li > a::before,
    .main-menu .navigation > li > ul > li > ul > li > a::before{
        color:#ffffff !important;
        right:15px;
        font-size:16px;
        display:none !important;
    }
    .main-menu .navbar-collapse > .navigation > li > ul,
    .main-menu .navbar-collapse > .navigation > li > ul > li > ul{
        position:relative;
        border:none;
        float:none;
        visibility:visible;
        opacity:1;
        display:none;
        margin:0px;
        padding:0px;
        left:auto !important;
        right:auto !important;
        top:auto !important;
        width:100%;
        background: #333333;
        -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;
        box-shadow:none !important;
    }
    .main-menu .navbar-collapse > .navigation > li > ul,
    .main-menu .navbar-collapse > .navigation > li > ul > li > ul{
        border-top:1px solid rgba(255,255,255,0.1) !important;
    }
    .main-menu .navbar-collapse > .navigation > li:last-child{
        border-bottom: none;
    }
    .main-menu .navbar-collapse > .navigation > li > a,
    .main-menu .navbar-collapse > .navigation > li > ul > li > a,
    .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a{
        padding:12px 15px !important;
        line-height:22px;
        color: #b8b8b8;
        background: #333333;
        text-align:left;
        min-height:0px;
    }
    .main-menu .navbar-collapse > .navigation > li:hover > a,
    .main-menu .navbar-collapse > .navigation > li > ul > li:hover > a,
    .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li:hover > a,
    .main-menu .navbar-collapse > .navigation > li.current > a,
    .main-menu .navbar-collapse > .navigation > li.current-menu-item > a{
        color: #ffffff !important;
        background: #333333;
    }
    .main-menu .navbar-collapse > .navigation li.dropdown .dropdown-btn{
        display:block;
    }
    .main-menu .navbar-collapse > .navigation li.dropdown:after,
    .main-menu .navigation > li > ul:before{
        display:none !important;
    }

}