@media only screen and (min-width: 1200px) {
    .container,.container-fluid {
        padding:0
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .header-lower {
        padding-top:35px
    }

    .header-lawer-content {
        display: block;
        text-align: center
    }

    .header-lower-right {
        margin-right: 0
    }

    .main-menu .navigation li {
        margin-left: 50px
    }

    .rev_slider_wrapper {
        margin-top: -241px
    }

    .callto-action-area {
        padding-bottom: 90px
    }

    .single-service-item {
        max-width: 50%;
        width: 100%
    }

    .single-fact-counter {
        width: 50%;
        border-right: 0px solid #5165a1
    }

    .faq-content-box {
        margin-right: 0
    }

    .faq-content-box:before {
        display: none
    }

    .appointment-box {
        border: 1px solid #f2f2f2;
        margin-left: 0;
        display: block;
        padding: 45px 40px;
        margin-top: 0
    }

    .customer-feedback .thumb-box.style2 li {
        width: 210px
    }

    .customer-feedback .bx-wrapper .bx-viewport {
        margin-left: 120px;
        max-width: 810px
    }

    .single-footer-widget.mar-btm {
        margin-bottom: 0;
        overflow: hidden
    }

    .single-footer-widget.mar-lft {
        margin-left: 30px
    }

    .socialicon-style-two li {
        margin-right: 2px
    }

    .breadcrumb-area {
        padding-top: 275px;
        padding-bottom: 122px;
        margin-top: -185px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .top-left {
        margin-bottom:10px
    }

    .stellarnav.light.left.mobile .menu-toggle:nth-child(2n) {
        display: none
    }

    .stellarnav.mobile {
        position: absolute;
        right: 0;
        top: 0;
        z-index: 999999;
        width: 300px
    }

    .stellarnav.light.left.mobile ul .close-menu.full:nth-child(2n) {
        display: none
    }

    .header-area {
        background: #fff
    }

    .header-area .header-upper .inner-content {
        border-bottom: 1px solid #eaeaea;
        padding: 19px 0
    }

    .header-area .header-upper .inner-content .flex-box-three {
        display: block
    }

    .header-upper-right {
        text-align: center;
        width: 290px;
        margin: 0 auto
    }

    .header-upper-right p {
        display: inline-block;
        float: none
    }

    .header-lawer-content {
        display: block;
        text-align: center;
        padding: 30px 0 24px
    }

    .header-lower-right {
        display: block;
        align-items: center;
        position: relative;
        margin-top: 20px;
        margin-right: 0
    }

    .rev_slider_wrapper {
        margin-top: -120px
    }

    .callto-action-area {
        padding-bottom: 90px
    }

    .single-service-item {
        max-width: 50%;
        width: 100%
    }

    .single-fact-counter {
        width: 50%;
        border-right: 0px solid #5165a1
    }

    .latest-project-area .right-content {
        margin-right: 0;
        margin-top: 40px
    }

    .latest-project-area .owl-nav-style-one .owl-controls {
        position: absolute;
        right: 0;
        top: -80px;
        left: auto;
        bottom: auto
    }

    .single-featured-box {
        max-width: 50%
    }

    .faq-content-box {
        margin-right: 0
    }

    .faq-content-box:before {
        display: none
    }

    .appointment-box {
        border: 1px solid #f2f2f2;
        margin-left: 0;
        display: block;
        padding: 45px 40px;
        margin-top: 0
    }

    .customer-feedback {
        padding-top: 90px;
        padding-bottom: 140px
    }

    .customer-feedback ul.nav-link {
        position: absolute;
        left: 15px;
        height: 100%;
        top: 0;
        right: 0
    }

    .customer-feedback .thumb-box.style2 li {
        float: left;
        margin-right: 0;
        width: 345px
    }

    .customer-feedback .thumb-box.style2 li a .img-holder img {
        width: 100%
    }

    .customer-feedback .bx-wrapper .bx-viewport {
        left: 0;
        top: 50px;
        margin-left: 0;
        max-width: 690px
    }

    .single-footer-widget.mar-btm {
        margin-bottom: 50px;
        overflow: hidden
    }

    .single-footer-widget.mar-lft {
        margin-left: 0
    }

    .footer-bottom-area .footer-bottom .copyright-text {
        margin: 0 0 8px;
        float: none!important;
        text-align: center
    }

    .breadcrumb-area {
        padding-top: 91px;
        padding-bottom: 122px;
        margin-top: 0
    }

    .working-carousel {
        padding-left: 0;
        padding-top: 40px
    }

    .working-carousel:before {
        width: 0
    }
}

@media only screen and (max-width: 767px) {
    .footer-location .nav-link {
        font-size:14px;
        font-weight: 600;
        color: #222!important;
        line-height: 22px;
        padding: 5px
    }

    .home-page-maps .sec-title h3 {
        font-size: 28px
    }

    .main-countries li {
        width: 95px
    }

    #value1 .text-box p {
        font-size: 16px
    }

    .menu-toggle {
        width: 100%;
        text-align: left
    }

    .close-menu.full+a,.menu-toggle+a {
        display: none!important
    }

    .header-upper-left.clearfix {
        width: 100%
    }

    .top-left {
        margin-bottom: 5px
    }

    .top-menu {
        margin: 6px 0;
        float: none!important;
        overflow: hidden
    }

    .state-content .text-box a {
        font-size: 22px!important
    }

    .top-menu li {
        float: none;
        border-right: none;
        padding: 0 8px
    }

    #polyglotLanguageSwitcher a {
        padding: 5px 0 5px 2px
    }

    .header-area {
        background: #fff
    }

    .search-box.now-visible {
        right: 0
    }

    .header-area .header-upper .inner-content {
        border-bottom: 1px solid #eaeaea;
        padding: 2px 0 0
    }

    .header-area .header-upper .inner-content .flex-box-three {
        display: block
    }

    .state-content {
        float: none!important;
        width: 100%;
        margin: 0 auto
    }

    .state-content .state ul li {
        display: inline-block;
        float: none;
        border-left: none;
        padding-left: 0;
        position: relative;
        margin-left: 0;
        margin-bottom: 10px
    }

    .header-upper-right {
        text-align: center;
        width: 290px;
        margin: 0 auto;
        display: none
    }

    .header-upper-right p {
        display: inline-block;
        float: none
    }

    .header-lawer-content {
        display: block;
        text-align: center;
        padding: 0
    }

    .header-lower-right {
        display: block;
        align-items: center;
        position: relative;
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 5px;
        float: left;
        width: 100%
    }

    .rev_slider_wrapper {
        margin-top: -70px
    }

    .callto-action-area {
        padding: 0
    }

    .callto-action-imgbox {
        margin-right: 0;
        padding: 0
    }

    .single-service-item {
        max-width: 100%;
        width: 100%;
        padding: 10px 0;
        text-align: center
    }

    .single-service-item .icon-holder {
        left: 0;
        position: unset;
        text-align: center
    }

    .single-fact-counter {
        width: 100%;
        border-right: 0px solid #5165a1
    }

    .customer-feedback {
        padding-top: 90px;
        padding-bottom: 140px
    }

    .customer-feedback ul.nav-link {
        position: absolute;
        left: 33%;
        height: 100%;
        top: 117%;
        right: 0
    }

    .customer-feedback .thumb-box.style2 li {
        float: none;
        max-width: 345px;
        margin: 0 auto
    }

    .customer-feedback .thumb-box.style2 li:last-child {
        margin: 0 auto
    }

    .customer-feedback .thumb-box.style2 li a .img-holder img {
        width: 60px;
        height: 60px
    }

    .customer-feedback .bx-wrapper .bx-viewport {
        left: 0;
        right: 0;
        top: 50px;
        max-width: 345px;
        margin: 0 auto
    }

    .single-testimonial-content .text-box {
        width: 100%;
        float: none!important;
        display: block;
        padding: 33px 30px 32px;
        position: relative;
        text-align: center
    }

    .single-testimonial-content .text-box:after,.single-testimonial-content .text-box:before {
        display: none
    }

    .single-testimonial-content .name-box {
        width: 100%;
        text-align: center;
        float: none!important;
        padding: 0 30px 30px
    }

    .latest-project-area .right-content {
        margin-right: 0;
        margin-top: 40px
    }

    .latest-project-area .owl-nav-style-one .owl-controls {
        position: absolute;
        right: 0;
        top: -80px;
        left: auto;
        bottom: auto
    }

    .single-featured-box {
        max-width: 100%
    }

    .faq-content-box {
        margin-right: 0
    }

    .faq-content-box:before {
        display: none
    }

    .appointment-box {
        border: 1px solid #f2f2f2;
        margin-left: 0;
        display: block;
        padding: 45px 40px;
        margin-top: 0
    }

    .single-footer-widget.mar-btm {
        margin-bottom: 50px;
        overflow: hidden
    }

    .single-footer-widget.mar-lft {
        margin-left: 0
    }

    .single-footer-widget.martop {
        margin-top: 50px;
        overflow: hidden
    }

    .footer-bottom-area .footer-bottom .copyright-text {
        margin: 0 0 8px;
        float: none!important;
        text-align: center
    }

    .breadcrumb-area {
        padding-top: 91px;
        padding-bottom: 122px;
        margin-top: 0
    }

    .working-carousel {
        padding-left: 0;
        padding-top: 40px
    }

    .working-carousel:before {
        width: 0
    }

    .contact-author-info.contact-info {
        padding: 0;
        margin-right: 0
    }

    .contact-author-info.contact-info .img-holder {
        text-align: center
    }
}

@media only screen and (min-width: 360px) and (max-width:767px) {
    .sec-title h3 {
        display:block;
        color: #222;
        font-size: 27px;
        font-weight: 600;
        line-height: 20px;
        text-transform: uppercase;
        margin: 0 0 10px
    }

    .faq-content-box .sec-title h3 {
        color: #fff;
        font-size: 24px
    }

    ul.sk-video-review li video {
        width: 100%
    }

    ul.sk-video-review li {
        float: left;
        width: 100%;
        height: 300px;
        overflow: hidden;
        margin-bottom: 30px
    }

    .nav-tabs {
        border-bottom: none;
        gap: 20px;
        display: inline-block;
        text-align: center
    }

    .nav-tabs .nav-item {
        margin-bottom: 9px
    }

    .footer-location .nav-link.active {
        color: #fff!important;
        background-image: linear-gradient(to right,#e6182b,#ff7200);
        box-shadow: none!important;
        border: none;
        border-radius: 100px;
        font-size: 14px;
        text-transform: uppercase
    }

    ul.certificate-ul-sk li {
                width: 93%;
        text-align: center;
    }

    .callto-action-imgbox::before {
        background: url(../images/resources/astro-circle.png) center/100% no-repeat;
        bottom: 0;
        content: "";
        left: 10%;
        position: absolute;
        right: 0;
        top: 40px;
        z-index: -1;
        animation: 15s linear infinite rotate;
        width: 270px;
        height: 270px
    }
}

@media (min-width: 992px) {
    .navbar-collapse.collapse {
        display:block!important;
        height: auto;
        padding-bottom: 0;
        overflow: visible!important
    }

    .navbar-toggle {
        display: none!important
    }
}

@media only screen and (max-width: 991px) {
    .sticky-header {
        display:none
    }

    .main-menu {
        display: block;
        float: right!important;
        padding-bottom: 0;
        padding-top: 0;
        z-index: 5;
        width: 100%
    }

    .main-menu .navigation li {
        margin-left: 0;
        margin-right: 0;
        padding: 0
    }

    .main-menu .collapse {
        border: none;
        border-radius: 0!important;
        float: none;
        margin: 0;
        max-height: 270px;
        overflow: auto;
        padding: 0;
        width: 100%
    }

    .main-menu .collapse.in,.main-menu .collapsing {
        border: none;
        border-radius: 0;
        margin: 0;
        padding: 0;
        border-top: none
    }

    .main-menu .navbar-header {
        position: relative;
        float: none;
        display: block;
        text-align: right;
        width: 100%;
        padding: 0;
        right: 0;
        z-index: 12
    }

    .main-menu .navbar-header .navbar-toggle {
        border: 1px solid #e7e7e7;
        display: inline-block;
        float: left;
        margin: 0;
        z-index: 7;
        width: 50px;
        height: 50px;
        border-radius: 0;
        cursor: pointer;
        padding: 0 9px
    }

    .main-menu .navbar-header .navbar-toggle .icon-bar {
        display: block;
        background: #000;
        width: 30px;
        height: 2px;
        border-radius: 1px
    }

    .main-menu .navbar-header .navbar-toggle .icon-bar+.icon-bar {
        margin-top: 6px
    }

    .main-menu .navbar-collapse>.navigation {
        background: #d71315;
        float: none!important;
        margin: 0!important;
        width: 100%!important
    }

    .main-menu .navbar-collapse>.navigation>li {
        margin: 0!important;
        float: none!important;
        width: 100%;
        padding: 0
    }

    .main-menu .navbar-collapse .navigation li::before {
        background: 0 0;
        position: static
    }

    .main-menu .navbar-collapse .navigation li.dropdown>a:after {
        display: none!important
    }

    .main-menu .navbar-collapse .navigation li a:after {
        display: none
    }

    .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: 0;
        left: auto!important;
        right: auto!important;
        top: auto!important;
        width: 100%;
        background: 0 0;
        border-radius: 0;
        -webkit-border-radius: 0px;
        -ms-border-radius: 0px;
        -o-border-radius: 0;
        -moz-border-radius: 0;
        transition: none!important;
        -webkit-transition: none!important;
        -ms-transition: none!important;
        -o-transition: none!important;
        -moz-transition: none!important;
        border-top: 0 solid #fff!important
    }

    .main-menu .navbar-collapse>.navigation>li,.main-menu .navbar-collapse>.navigation>li>ul>li,.main-menu .navbar-collapse>.navigation>li>ul>li>ul>li {
        border-top: 1px solid #d71315!important;
        opacity: 1!important;
        top: 0!important;
        left: 0!important;
        visibility: visible!important
    }

    .main-menu .navbar-collapse>.navigation>li>a,.main-menu .navbar-collapse>.navigation>li>ul>li>ul>li>a {
        padding: 10px!important;
        line-height: 22px;
        color: #fff;
        background: #d71315;
        text-align: left
    }

    .main-menu .navbar-collapse .navigation li ul li a {
        padding: 10px 20px!important;
        line-height: 22px;
        color: #fff;
        background: #d71315;
        text-align: left;
        font-size: 13px;
        font-weight: 600;
        text-transform: uppercase
    }

    .main-menu .navbar-collapse .navigation li ul li a:before {
        margin: 10px 0
    }

    .main-menu .navbar-collapse>.navigation>li>a:active,.main-menu .navbar-collapse>.navigation>li>a:focus,.main-menu .navbar-collapse>.navigation>li>a:hover {
        background: gold
    }

    .main-menu .navbar-collapse>.navigation>li.current>a,.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 {
        background: #f87845;
        color: #fff!important
    }

    .main-menu .navbar-collapse>.navigation li.dropdown .dropdown-btn {
        display: block
    }
}