/* Responsive CSS Document */

@media (min-width: 992px) {
    .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}
@media (max-width: 1199px) {
    .feature-banner .opacity h2 {
        padding: 0;
    }
    .theme-footer-two .top-footer .footer-gallery .wrapper {
        padding-right: 0;
    }
    .shop-details .product-details .product-info {
        padding-left: 0;
    }
}
/*(max-width: 1199px)*/

@media (min-width: 992px) and (max-width: 1199px) {
    .top-feature .main-content {
        padding-left: 10%;
        padding-right: 10%;
    }
    .header-one .top-header .address-wrapper .address:first-child {
        margin-right: 20px;
    }
    .header-one .top-header .address-wrapper .address {
        padding-right: 20px;
    }
    #mega-menu-holder > ul > li > a {
        padding-right: 25px;
        padding-left: 15px;
    }
    .header-one .theme-menu-wrapper .bg-wrapper {
        padding-left: 15px;
    }
    .theme-menu-wrapper .right-widget .cart-icon {
        margin-left: 15px;
    }
    .testimonial-section .wrapper {
        width: 65%;
    }
    .header-two .theme-menu-wrapper .bg-wrapper {
        padding-left: 215px;
    }
    .callout-banner p {
        width: 52%;
    }
    .callout-banner .theme-button-one {
        margin-top: 40px;
    }
    .our-solution .single-solution-block p {
        padding: 0;
    }
    .faq-section .wrapper .faq-content {
        padding-left: 30px;
    }
    .why-choose-us .single-block {
        padding-left: 75px;
    }
    .why-choose-us .single-block .icon {
        font-size: 55px;
    }
    .short-banner .overlay h2 {
        width: 80%;
    }
    .why-we-best .wrapper .best-list-item {
        padding-top: 20px;
        padding-bottom: 29px;
    }
    .blog-details .single-blog .post-meta .mark-text .inner-text {
        padding-top: 60px;
    }
    .blog-details .single-blog .post-meta .mark-text .inner-text:before {
        top: 0;
    }
}
/*(min-width: 992px) and (max-width: 1199px)*/

@media (max-width: 991px) {
    #mega-menu-holder > ul > li.has-submenu > a {
        padding-right: 52px;
    }
    .section-spacing,
    .faq-section,
    .why-we-best,
    .error-page {
        margin-bottom: 80px;
    }
    .top-feature .main-content {
        padding: 30px 15px;
    }
    .header-one .logo {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }
    .header-one .top-header {
        padding-top: 25px;
    }
    .header-one .top-header .address-wrapper .address .icon {
        font-size: 25px;
    }
    .header-one .top-header .address-wrapper .address {
        padding: 0 20px 0 45px;
        margin-right: 0;
    }
    .header-one .theme-menu-wrapper .bg-wrapper {
        padding-left: 0;
    }
    .header-one .menu-wrapper,
    .header-two .menu-wrapper {
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
        z-index: 9;
    }
    .theme-menu-wrapper .right-widget ul li {
        line-height: 60px;
    }
    .theme-menu-wrapper .right-widget {
        position: relative;
        z-index: 99;
    }
    #mega-menu-holder > ul > li > a:before {
        display: none;
    }
    #mega-menu-holder > ul > li > a {
        color: #555555;
    }
    #mega-menu-holder > ul > li.active > a,
    #mega-menu-holder > ul > li:hover > a,
    #mega-menu-holder > ul > li.active > .sub-toggle,
    #mega-menu-holder > ul > li:hover > .sub-toggle {
        color: #001a57;
    }
    .about-compnay img {
        display: none;
    }
    .service-style-one .contact-text {
        padding-top: 15px;
    }
    .service-style-one .contact-text h4 {
        font-size: 22px;
    }
    .testimonial-section .wrapper,
    .cunter-wrapper {
        width: 100%;
    }
    .testimonial-section .overlay {
        padding: 75px 0;
    }
    .theme-counter {
        padding: 0;
    }
    .consultation-form .img-box {
        height: 250px;
    }
    .consultation-form .form-wrapper {
        height: auto;
        padding: 40px 20px;
    }
    .theme-footer-one .top-footer [class*="col-"],
    .theme-footer-two .top-footer [class*="col-"] {
        margin-bottom: 60px;
    }
    .theme-footer-one .top-footer {
        padding: 60px 0 0 0;
    }
    .header-one .theme-menu-wrapper {
        margin-bottom: -31px;
    }
    .theme-menu-wrapper .right-widget .cart-icon a span {
        top: 16px;
    }
    .header-two .theme-menu-wrapper .bg-wrapper .logo {
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    .header-two .theme-menu-wrapper .bg-wrapper {
        padding-left: 0;
    }
    .header-two .theme-menu-wrapper .right-widget ul li {
        line-height: 70px;
    }
    .header-two .theme-menu-wrapper .right-widget .cart-icon a span {
        top: 20px;
    }
    .header-two .collapse-button .icon-bar {
        background: #001a57;
    }
    .header-two .menu-collapser {
        margin: 22px 0;
    }
    .header-two #mega-menu-holder > ul > li > a {
        padding-top: 0;
        padding-bottom: 0;
    }
    .header-two #mega-menu-holder li .sub-toggle {
        line-height: 40px;
    }
    .callout-banner,
    .callout-banner.no-bg .title {
        text-align: center;
    }
    .callout-banner .title,
    .callout-banner p {
        width: 100%;
        float: none;
    }
    .callout-banner p {
        padding: 20px 0;
    }
    .callout-banner p:before {
        display: none;
    }
    .callout-banner .theme-button-one {
        float: none;
    }
    .about-compnay-two .overlay,
    .core-values {
        padding: 60px 0;
    }
    .about-compnay-two .quote-form {
        margin-top: 40px;
    }
    .faq-section,
    .faq-section .overlay,
    .why-we-best,
    .why-we-best .overlay {
        height: auto;
    }
    .faq-section .overlay,
    .why-we-best .overlay {
        padding: 60px 0;
    }
    .faq-section .wrapper .img-box,
    .why-we-best .wrapper .img-box,
    .contact-us-section .img-box {
        height: 250px;
        border-radius: 5px 5px 0 0;
    }
    .faq-section .wrapper .faq-content,
    .why-we-best .wrapper .best-list-item,
    .contact-us-section .form-wrapper {
        border-radius: 0 0 5px 5px;
    }
    .short-banner .overlay h2 {
        width: 100%;
    }
    .theme-footer-two {
        padding-top: 60px;
    }
    .theme-footer-two .bottom-footer,
    .theme-footer-two .top-footer .title {
        margin-top: 0;
    }
    .theme-inner-banner .overlay {
        padding: 80px 0 60px 0;
    }
    .about-compnay-two .left-img {
        margin-top: 20px;
        width: 100%;
    }
    .shop-details .product-details .product-info {
        padding-top: 40px;
    }
    .theme-sidebar-one,
    .blog-sidebar {
        margin-top: 60px;
    }
    .contact-us-section .form-wrapper {
        height: auto;
    }
    #theme-main-banner .camera_pag {
        left: 2px;
    }
}
/*(max-width: 991px)*/

@media (min-width: 768px) and (max-width: 991px) {
    .header-one .top-header .address-wrapper .address:first-child {
        margin-right: 20px;
    }
    .feature-banner .opacity h2 {
        font-size: 38px;
        line-height: 50px;
    }
    .service-style-one .single-service .text {
        padding-left: 10px;
        padding-right: 5px;
    }
    .theme-footer-one .bottom-footer ul li a {
        margin-left: 20px;
    }
    .blog-details .single-blog .post-meta .mark-text .inner-text {
        padding-top: 80px;
    }
    .blog-details .single-blog .post-meta .mark-text .inner-text:before {
        top: 10px;
    }
    #theme-main-banner {
        height: 600px !important;
    }
}
/*(min-width: 768px) and (max-width: 991px)*/

@media (max-width: 767px) {
    .header-one .top-header {
        padding-bottom: 0;
    }
    .header-one .top-header .address-wrapper {
        display: none;
    }
    .testimonial-section .wrapper .bg {
        padding-left: 15px;
        padding-right: 15px;
    }
    .theme-footer-one .bottom-footer,
    .theme-footer-one .bottom-footer ul {
        text-align: center;
    }
    .theme-footer-one .bottom-footer ul li a {
        margin: 2px 10px;
    }
    .our-solution .single-solution-block p {
        padding: 0;
    }
    .about-compnay-two .text p {
        padding-right: 0;
    }
    .faq-section .wrapper .faq-content {
        padding: 40px 15px;
    }
    .short-banner .overlay h2 {
        font-size: 38px;
    }
    .google-map-one {
        height: 250px;
    }
    .why-we-best .wrapper .best-list-item {
        padding: 40px 15px 44px 15px;
    }
    .core-values .single-value-block .text {
        padding-left: 15px;
        padding-right: 15px;
    }
    .shop-page .shop-filter {
        margin-bottom: 35px;
    }
    .theme-pagination ul {
        padding-top: 10px;
    }
    .shop-details .product-review-tab {
        margin: 60px 0 55px 0;
        padding-left: 10px;
        padding-right: 10px;
    }
    .shop-details .related-product {
        margin-bottom: 10px;
    }
    .service-details .service-content .market-growth img {
        display: none;
    }
    .project-details-sidebar {
        margin-bottom: 60px;
    }
    .blog-details .single-blog .post-meta .mark-text .inner-text {
        padding-top: 70px;
    }
    .blog-details .single-blog .post-meta .mark-text .inner-text:before {
        top: 10px;
    }
    .contact-us-section .form-wrapper {
        padding: 40px 15px;
    }
    .google-map-two {
        height: 300px;
    }
    #theme-main-banner .camera_caption h1 br {
        display: none;
    }
    .error-page input {
        width: 100%;
        margin-top: 20px;
    }
}
/*(max-width: 767px)*/

@media (min-width: 576px) and (max-width: 767px) {
    .header-two .top-header .social-icon li:first-child {
        margin-left: 0;
    }
    .our-case .single-case-block .hover-content .text {
        padding: 0;
    }
    #theme-main-banner {
        height: 500px !important;
    }
    #theme-main-banner .camera_caption p {
        font-size: 20px;
    }
    #theme-main-banner .camera_caption h1 {
        font-size: 50px;
        line-height: 60px;
    }
}
/*(min-width: 576px) and (max-width: 767px)*/

@media (max-width: 575px) {
    .theme-inner-banner .overlay h2 {
        font-size: 35px;
    }
    .header-one .theme-menu-wrapper {
        background: #2a3aaa;
    }
    .header-one .menu-collapser {
        margin-left: 0;
    }
    .theme-menu-wrapper .right-widget .search-option .dropdown-toggle {
        text-align: right;
        width: 25px;
    }
    .theme-menu-wrapper .right-widget .cart-icon {
        width: 42px;
        margin-left: 10px;
    }
    .theme-title-one h2 {
        font-size: 30px;
        padding-bottom: 18px;
    }
    .section-spacing {
        margin-bottom: 60px;
    }
    .about-compnay .mission-goal li h4 {
        font-size: 18px;
    }
    .about-compnay .mission-goal li .icon {
        font-size: 35px;
    }
    .feature-banner .opacity h2 {
        font-size: 35px;
        line-height: 45px;
    }
    .feature-banner .opacity,
    .testimonial-section .overlay,
    .theme-counter .bg {
        padding: 60px 0;
    }
    .service-style-one .contact-text h5:before {
        display: none;
    }
    .testimonial-section .wrapper p {
        font-size: 18px;
        line-height: 27px;
        font-weight: normal;
    }
    .theme-counter h2 {
        font-size: 38px;
    }
    .single-counter-box .number {
        font-size: 25px;
    }
    .single-counter-box .number .timer {
        font-size: 50px;
    }
    .single-counter-box p {
        margin-top: -5px;
    }
    .partner-section h6 {
        text-align: center;
        margin: 0 0 35px 0;
    }
    .partner-section h6 br {
        display: none;
    }
    .theme-footer-one .top-footer .title {
        margin-bottom: 15px;
    }
    .theme-footer-one .top-footer [class*="col-"],
    .theme-footer-two .top-footer [class*="col-"] {
        margin-bottom: 50px;
    }
    .header-two .top-header,
    .header-two .top-header .social-icon {
        text-align: center;
    }
    .header-two .top-header .left-widget li {
        margin: 0 10px;
    }
    .header-two .top-header .social-icon li {
        margin: 8px 5px 0 5px;
    }
    #polyglotLanguageSwitcher {
        margin: 0;
    }
    .about-compnay-two .quote-form {
        padding: 25px 15px 30px 15px;
    }
    .our-case .single-case-block .hover-content .text {
        padding: 0 15px;
    }
    .our-case .view-all {
        margin-top: 35px;
    }
    .why-we-best .wrapper .best-list-item li {
        padding-left: 55px;
        margin-bottom: 45px;
    }
    .why-we-best .wrapper .best-list-item li .icon {
        font-size: 42px;
    }
    .shop-page .single-product .image-box {
        min-height: 270px;
        padding: 0 5px;
    }
    .shop-page .single-product .product-name h5 {
        font-size: 20px;
    }
    .shop-details .product-details .product-tab .product-thumbnail {
        width: 40%;
        height: 290px;
    }
    .shop-details .product-details .product-tab .product-preview {
        width: 60%;
        height: 290px;
    }
    .shop-details .product-details .product-tab {
        min-height: 290px;
    }
    .shop-details .product-details .product-info .title {
        font-size: 22px;
    }
    .blog-details .share-option ul {
        width: 100%;
    }
    #theme-main-banner {
        height: 400px !important;
    }
    #theme-main-banner .camera_caption p {
        font-size: 18px;
    }
    #theme-main-banner .camera_caption h1 {
        font-size: 35px;
        line-height: 46px;
        padding: 12px 0 18px 0;
    }
}
/*(max-width: 575px)*/

@media (max-width: 650px) {
    #success,
    #error {
        width: 86%;
        height: auto;
        top: calc(50% - 50px);
        left: 7%;
        padding: 30px 10px;
    }
}
@media (max-width: 400px) {
    .service-style-one .single-service .text {
        padding-right: 5px;
        padding-left: 10px;
    }
    .service-style-one .single-service .text h5 {
        font-size: 18px;
    }
    .service-style-one .single-service .text p {
        padding-bottom: 5px;
    }
    .shop-page .shop-filter {
        text-align: center;
    }
    .shop-page .shop-filter li,
    .project-details .project-details-sidebar .project-history li {
        width: 100%;
    }
}
@media (max-width: 380px) {
    .cunter-wrapper [class*="col-"] {
        max-width: 100%;
        flex: 0 0 100%;
    }
}
