@media only screen and (max-width: 767px){
    .ptb-100{
        padding-top:60px;
        padding-bottom:60px
    }
    .pt-100{
        padding-top:60px
    }
    .pb-100{
        padding-bottom:60px
    }
    .pt-70{
        padding-top:30px
    }
    .pb-70{
        padding-bottom:30px
    }
    p{
        font-size:16px
    }
    .me-15{
        margin-right:0
    }
    .ms-15{
        margin-left:0
    }
    .p-0{
        padding-left:12px !important;
        padding-right:12px !important
    }
    .pe-0{
        padding-right:12px !important
    }
    .ps-0{
        padding-left:12px !important
    }
    .shape{
        display:none
    }
    .main-section-title{
        margin:-5px auto 35px
    }
    .main-section-title .top-title{
        font-size:13px
    }
    .main-section-title h2{
        font-size:25px
    }
    .main-section-title.left-align{
        text-align:center
    }
    .main-btn{
        font-size:14px
    }
    .main-btn span i{
        width:30px;
        height:30px;
        line-height:30px
    }
    .main-detail-btn{
        font-size:16px
    }
    .header-bg-style:before{
        display:none
    }
    .header-bg-style.bg-style-four{
        background-color:#1b6ef0
    }
    .header-left-content{
        margin-bottom:10px;
        text-align:center
    }
    .header-left-content li{
        margin-right:0
    }
    .header-left-content li a{
        font-size:15px
    }
    .header-right-content{
        text-align:center
    }
    .header-right-content li a{
        width:30px;
        height:30px;
        line-height:33px
    }
    .banner-section{
        padding-top:60px
    }
    .banner-section.ptb-145{
        padding-top:60px;
        padding-bottom:60px
    }
    .banner-section.ptb-220{
        padding-top:60px;
        padding-bottom:60px
    }
    .banner-section.ptb-180{
        padding-top:60px;
        padding-bottom:60px
    }
    .banner-section.bg-overly.guardian::before{
        background-image:linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6))
    }
    .banner-content{
        text-align:center;
        margin-right:0;
        margin-bottom:30px
    }
    .banner-content .top-title{
        font-size:16px
    }
    .banner-content h1{
        font-size:30px;
        margin-bottom:15px
    }
    .banner-content p{
        font-size:16px;
        margin-bottom:22px
    }
    .main-company-item{
        padding:25px
    }
    .main-company-item h3{
        font-size:20px;
        margin-bottom:12px
    }
    .about-us-img img{
        width:100%
    }
    .about-us-img .about-shape{
        display:none
    }
    .about-us-img .about-img-2{
        margin-top:30px;
        margin-bottom:30px
    }
    .about-us-img .about-img-2 .video-btn-wrap{
        display:block
    }
    .about-us-content{
        margin-left:0
    }
    .about-us-content .top-title{
        font-size:13px
    }
    .about-us-content h2{
        font-size:25px;
        margin-bottom:20px;
        padding-bottom:20px
    }
    .about-us-content .about-item{
        margin-bottom:30px;
        padding-right:0
    }
    .about-us-content .about-item h3{
        font-size:18px
    }
    .about-us-content .main-btn{
        margin-top:10px
    }
    .main-services-item{
        padding:20px
    }
    .main-services-item .icon{
        margin-bottom:10px
    }
    .main-services-item h3{
        margin-bottom:15px;
        font-size:22px
    }
    .case-slide.owl-theme .owl-nav{
        position:unset;
        margin-top:20px !important
    }
    .case-slide.owl-theme .owl-nav .owl-prev,.case-slide.owl-theme .owl-nav .owl-next{
        margin-top:0;
        margin-bottom:0;
        width:40px;
        height:40px;
        line-height:43px
    }
    .single-case-study{
        padding:20px
    }
    .single-case-study .case-study-content span{
        font-size:14px;
        margin-bottom:10px
    }
    .single-case-study .case-study-content h3{
        font-size:18px
    }
    .complete-content-wrapper{
        padding:20px
    }
    .complete-content-wrapper::before{
        display:none
    }
    .complete-content-wrapper .complete-content h3{
        font-size:25px;
        margin-bottom:20px
    }
    .analysis-img{
        margin-bottom:0;
        padding-top:60px
    }
    .analysis-content{
        margin-left:0
    }
    .analysis-content .top-title{
        font-size:13px
    }
    .analysis-content h2{
        font-size:25px;
        margin-bottom:35px
    }
    .faq-content{
        margin-bottom:30px
    }
    .faq-content .top-title{
        font-size:13px
    }
    .faq-content h2{
        font-size:25px;
        margin-bottom:35px
    }
    .faq-img{
        margin-left:0
    }
    .main-testimonial-item{
        padding:20px
    }
    .main-testimonial-item .testimonial-info .info h3{
        font-size:18px
    }
    .trusted{
        font-size:20px
    }
    .testimonial-slide.owl-theme .owl-dots{
        margin-top:0 !important
    }
    .blog-shape .blog-shape-1{
        display:none
    }
    .blog-shape .blog-shape-2{
        display:none
    }
    .main-blog-item .main-blog-content{
        padding:20px
    }
    .main-blog-item .main-blog-content ul li a{
        font-size:14px
    }
    .main-blog-item .main-blog-content ul li a i{
        font-size:14px
    }
    .main-blog-item .main-blog-content h3{
        font-size:18px
    }
    .main-video-content h2{
        font-size:25px
    }
    .main-widget-item h3{
        font-size:20px
    }
    .main-widget-item .import-link li a{
        font-size:16px
    }
    .main-widget-item .contact-info li a{
        font-size:16px
    }
    .main-widget-item .social-link li a{
        width:35px;
        height:35px;
        line-height:35px
    }
     
    .page-banner-content{
        text-align:center
    }
    .page-banner-content h2{
        font-size:35px;
        margin-bottom:20px
    }
    .page-banner-img{
        display:none
    }
    .main-dedicated-item{
        padding:20px
    }
    .main-dedicated-item h3{
        font-size:20px
    }
    .main-team-item h3{
        font-size:20px
    }
    .main-team-item span{
        font-size:17px
    }
    .single-team-img{
        text-align:center;
        margin-bottom:30px
    }
    .single-team-content{
        text-align:center
    }
    .single-team-content h2{
        font-size:25px;
        margin-bottom:15px
    }
    .skill-content{
        margin-left:0;
        margin-top:30px
    }
    .contact-form-content{
        padding:30px
    }
    .single-services-details-content h2{
        font-size:25px
    }
    .single-services-details-content .support-system .main-support-item{
        padding:20px;
        display:block !important
    }
    .single-services-details-content .support-system .main-support-item .icon{
        margin-bottom:15px
    }
    .single-services-details-content .support-system .ms-3{
        margin-left:0 !important
    }
    .single-services-details-content .services-imgs{
        margin-top:30px;
        margin-bottom:30px
    }
    .main-sidebar-item{
        margin-left:0;
        padding:20px
    }
    .main-sidebar-item h3{
        font-size:20px;
        margin-bottom:20px
    }
    .main-sidebar-item h3::before{
        left:-20px
    }
    .project-slide.owl-theme .owl-nav .owl-next,.project-slide.owl-theme .owl-nav .owl-prev{
        position:unset;
        transform:unset
    }
    .sidebar-wrap{
        margin-top:30px
    }
    .product-result{
        margin-bottom:30px
    }
    .product-result p{
        margin-bottom:0
    }
    .product-result .form-select{
        max-width:100%;
        margin-top:20px
    }
    .main-product-item .product-img ul{
        left:20px !important;
        top:20px !important
    }
    .main-product-item .product-img .main-btn{
        padding:12px 30px;
        bottom:0
    }
    .main-product-item .main-product-content{
        padding:20px
    }
    .main-product-item .main-product-content h3{
        font-size:18px;
        margin-bottom:10px
    }
    .main-product-item .main-product-content ul li i{
        font-size:12px
    }
    .main-product-item .main-product-content span{
        margin-bottom:12px;
        font-size:14px
    }
    .main-product-item .main-product-content .price{
        margin-bottom:0
    }
    .pagination{
        margin-top:0
    }
    .pagination .page-count{
        width:40px;
        height:40px;
        line-height:40px
    }
    .shopping-cart{
        overflow:hidden;
        text-align:center
    }
    .shopping-cart table thead tr th{
        font-size:16px;
        white-space:nowrap
    }
    .shopping-cart table tbody tr td{
        white-space:nowrap;
        padding:15px
    }
    .shopping-cart table tbody tr td a{
        font-size:14px
    }
    .shopping-cart table tbody tr .cart-thumbnail{
        width:285px
    }
    .shopping-cart table tbody tr .cart-price .amount{
        font-size:14px
    }
    .coupon-form{
        padding:20px;
        margin-bottom:50px
    }
    .coupon-form .main-btn.update{
        width:100%;
        margin-top:20px
    }
    .your-order{
        padding:20px
    }
    .your-order h3{
        font-size:22px;
        padding-bottom:20px
    }
    .your-order ul li{
        font-size:15px
    }
    .shopping-carts{
        padding:20px
    }
    .shopping-carts h3{
        font-size:22px;
        margin-bottom:20px
    }
    .shipping-option{
        padding:20px
    }
    .shipping-option h3{
        font-size:22px;
        margin-bottom:20px
    }
    .shipping-option .form-check .form-check-label{
        font-size:16px
    }
    .billing-address .form-check .form-check-label{
        font-size:16px
    }
    .billing-address h3{
        font-size:23px
    }
    .product-main-image{
        margin-bottom:30px
    }
    .product-details-main-content h3{
        font-size:23px
    }
    .product-details-main-content .old-recent-price{
        font-size:20px
    }
    .product-details-main-content .quantity-add-wish{
        display:block !important
    }
    .product-details-main-content .quantity-add-wish li{
        margin-right:0;
        margin-bottom:20px
    }
    .product-details-main-content .quantity-add-wish li:last-child{
        margin-bottom:0
    }
    .product-details-main-content .main-btn{
        width:100%
    }
    .product-details-main-content .choose-color label{
        margin-right:1px
    }
    .product-details-tab .nav-tabs{
        text-align:center
    }
    .product-details-tab .nav-tabs .nav-item .nav-link{
        font-size:18px
    }
    .product-details-tab .product-review-content .review-list-wrap .review-list{
        padding-right:20px;
        display:block !important
    }
    .product-details-tab .product-review-content .review-list-wrap .review-list .review-img{
        margin-right:0;
        margin-bottom:15px
    }
    .product-details-tab .product-review-content .review-list-wrap .review-list .review-content .reply{
        position:unset
    }
    .product-details-tab .review-progress-wrap{
        margin-bottom:30px
    }
    .payment-content{
        padding:20px
    }
    .payment-content .col-sm-4{
        flex:0 0 auto;
        width:33.33333333%
    }
    .payment-content .form-floating{
        margin-bottom:20px
    }
    .payment-content .form-check{
        font-size:15px
    }
    .sign-up-img{
        height:200px;
        border-radius:10px 10px 0 0
    }
    .sign-up-form{
        padding:20px;
        border-radius:0 0 10px 10px
    }
    .sign-up-form h2{
        margin-bottom:10px;
        font-size:25px
    }
    .sign-up-form .form-wrap .already{
        font-size:17px
    }
    .sign-up-form .form-wrap p{
        margin-bottom:30px
    }
    .privacy-and-conditions-item{
        padding:20px
    }
    .privacy-and-conditions-item h3{
        font-size:25px
    }
    .error-content{
        padding:20px
    }
    .error-content h1{
        font-size:100px
    }
    .error-content h3{
        font-size:20px
    }
    .coming-soon-wrapper{
        padding:30px
    }
    .coming-soon-wrapper h2{
        font-size:25px
    }
    .blog-details-area .col-lg-4{
        order:2
    }
    .blog-details-content{
        margin-bottom:30px
    }
    .blog-details-content .blog-intro{
        margin-bottom:20px
    }
    .blog-details-content .blog-intro .admin li{
        font-size:14px
    }
    .blog-details-content .blog-intro h2{
        font-size:25px;
        margin-bottom:0
    }
    .blog-details-content blockquote{
        padding:20px;
        font-size:16px
    }
    .blog-details-content .tag-socila{
        display:block !important
    }
    .blog-details-content .tag-socila .tag{
        margin-bottom:10px
    }
    .blog-details-content .tag-socila .tag li{
        margin-right:0;
        margin-bottom:10px;
        margin-right:5px
    }
    .blog-details-content .tag-socila .tag li a{
        padding:5px 4px
    }
    .blog-details-content .comment-wrap ul li{
        padding-left:0
    }
    .blog-details-content .comment-wrap ul li h4{
        font-size:18px
    }
    .blog-details-content .comment-wrap ul li img{
        position:unset;
        margin-bottom:10px
    }
    .blog-details-content .leave-replay{
        padding:20px
    }
    .blog-details-content .leave-replay .form-group{
        margin-bottom:20px
    }
    .blog-details-content .leave-replay h3{
        margin-bottom:20px
    }
    .blog-details-content .leave-replay .form-check{
        font-weight:500
    }
    .blog-details-content .leave-replay .main-btn{
        width:100%
    }
    .main-contact-info{
        padding:20px
    }
    .main-contact-info .icon{
        width:60px;
        height:60px;
        line-height:60px
    }
    .main-contact-info h3{
        font-size:20px
    }
}
@media only screen and (min-width: 576px)and (max-width: 767px){
    .header-left-content li{
        margin-right:10px
    }
    .main-completed-item .completed-content{
        padding:10px
    }
    .main-completed-item .completed-content span{
        font:14px
    }
}
@media only screen and (min-width: 768px)and (max-width: 991px){
    .ptb-100{
        padding-top:60px;
        padding-bottom:60px
    }
    .pt-100{
        padding-top:60px
    }
    .pb-100{
        padding-bottom:60px
    }
    .pt-70{
        padding-top:30px
    }
    .pb-70{
        padding-bottom:30px
    }
    p{
        font-size:16px
    }
    .me-15{
        margin-right:0
    }
    .ms-15{
        margin-left:0
    }
    .p-0{
        padding-left:12px !important;
        padding-right:12px !important
    }
    .pe-0{
        padding-right:12px !important
    }
    .ps-0{
        padding-left:12px !important
    }
    .shape{
        display:none
    }
    .main-section-title{
        margin:-5px auto 35px
    }
    .main-section-title .top-title{
        font-size:13px
    }
    .main-section-title h2{
        font-size:25px
    }
    .main-section-title.left-align{
        text-align:center
    }
    .main-btn{
        font-size:14px
    }
    .main-btn span i{
        width:30px;
        height:30px;
        line-height:30px
    }
    .main-detail-btn{
        font-size:16px
    }
    .header-bg-style:before{
        display:none
    }
    .header-bg-style.bg-style-four{
        background-color:#1b6ef0
    }
    .header-left-content{
        margin-bottom:10px;
        text-align:center
    }
    .header-left-content li{
        margin-right:10px
    }
    .header-left-content li a{
        font-size:15px
    }
    .header-right-content{
        text-align:center
    }
    .header-right-content li a{
        width:30px;
        height:30px;
        line-height:33px
    }
    .banner-section{
        padding-top:70px
    }
    .banner-section.ptb-145{
        padding-top:70px;
        padding-bottom:70px
    }
    .banner-section.ptb-220{
        padding-top:70px;
        padding-bottom:70px
    }
    .banner-section.ptb-180{
        padding-top:70px;
        padding-bottom:70px
    }
    .banner-section.bg-overly.guardian::before{
        background-image:linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6))
    }
    .banner-content{
        text-align:center;
        margin-right:0;
        margin-bottom:30px
    }
    .banner-content .top-title{
        font-size:16px
    }
    .banner-content h1{
        font-size:35px;
        margin-bottom:15px
    }
    .banner-content p{
        font-size:16px;
        margin-bottom:22px
    }
    .main-company-item{
        padding:25px
    }
    .main-company-item h3{
        font-size:20px;
        margin-bottom:12px
    }
    .about-us-img{
        margin-bottom:30px
    }
    .about-us-img .about-shape{
        display:none
    }
    .about-us-content{
        margin-left:0
    }
    .about-us-content .top-title{
        font-size:13px
    }
    .about-us-content h2{
        font-size:25px;
        margin-bottom:20px;
        padding-bottom:20px
    }
    .about-us-content .about-item{
        margin-bottom:30px
    }
    .about-us-content .about-item h3{
        font-size:18px
    }
    .about-us-content .main-btn{
        margin-top:10px
    }
    .main-services-item{
        padding:20px
    }
    .main-services-item .icon{
        margin-bottom:10px
    }
    .main-services-item h3{
        margin-bottom:15px;
        font-size:22px
    }
    .case-slide.owl-theme .owl-nav{
        position:unset;
        margin-top:20px !important
    }
    .case-slide.owl-theme .owl-nav .owl-prev,.case-slide.owl-theme .owl-nav .owl-next{
        margin-top:0;
        margin-bottom:0;
        width:40px;
        height:40px;
        line-height:43px
    }
    .single-case-study{
        padding:20px
    }
    .single-case-study .case-study-content span{
        font-size:14px;
        margin-bottom:10px
    }
    .single-case-study .case-study-content h3{
        font-size:18px
    }
    .complete-content-wrapper{
        padding:20px
    }
    .complete-content-wrapper::before{
        display:none
    }
    .complete-content-wrapper .complete-content h3{
        font-size:25px
    }
    .analysis-img{
        margin-bottom:0;
        padding-top:60px
    }
    .analysis-content{
        margin-left:0
    }
    .analysis-content .top-title{
        font-size:13px
    }
    .analysis-content h2{
        font-size:25px;
        margin-bottom:35px
    }
    .faq-content{
        margin-bottom:30px
    }
    .faq-content .top-title{
        font-size:13px
    }
    .faq-content h2{
        font-size:25px;
        margin-bottom:35px
    }
    .faq-img{
        margin-left:0
    }
    .faq-img img{
        width:100%
    }
    .main-testimonial-item{
        padding:20px
    }
    .main-testimonial-item .testimonial-info .info h3{
        font-size:18px
    }
    .trusted{
        font-size:20px
    }
    .testimonial-slide.owl-theme .owl-dots{
        margin-top:0 !important
    }
    .blog-shape .blog-shape-1{
        display:none
    }
    .blog-shape .blog-shape-2{
        display:none
    }
    .main-blog-item .main-blog-content{
        padding:20px
    }
    .main-blog-item .main-blog-content ul li a{
        font-size:14px
    }
    .main-blog-item .main-blog-content ul li a i{
        font-size:14px
    }
    .main-blog-item .main-blog-content h3{
        font-size:18px
    }
    .main-video-content h2{
        font-size:25px
    }
    .main-widget-item h3{
        font-size:20px
    }
    .main-widget-item .import-link li a{
        font-size:16px
    }
    .main-widget-item .contact-info li a{
        font-size:16px
    }
    .main-widget-item .social-link li a{
        width:35px;
        height:35px;
        line-height:35px
    }
    .back-to-top{
        top:-25px
    }
    .main-team-item h3{
        font-size:20px
    }
    .main-team-item span{
        font-size:17px
    }
    .single-team-img{
        text-align:center;
        margin-bottom:30px
    }
    .single-team-content{
        text-align:center
    }
    .single-team-content h2{
        font-size:25px;
        margin-bottom:15px
    }
    .skill-content{
        margin-left:0;
        margin-top:30px
    }
    .single-services-details-content h2{
        font-size:25px
    }
    .single-services-details-content .services-imgs{
        margin-top:30px;
        margin-bottom:30px
    }
    .main-sidebar-item{
        margin-left:0;
        padding:20px
    }
    .main-sidebar-item h3{
        font-size:20px;
        margin-bottom:20px
    }
    .main-sidebar-item h3::before{
        left:-20px
    }
    .blog-details-area .col-lg-4{
        order:2
    }
    .blog-details-content{
        margin-bottom:30px
    }
    .blog-details-content .blog-intro{
        margin-bottom:20px
    }
    .blog-details-content .blog-intro .admin li{
        font-size:14px
    }
    .blog-details-content .blog-intro h2{
        font-size:25px;
        margin-bottom:0
    }
    .blog-details-content blockquote{
        padding:20px;
        font-size:16px
    }
    .blog-details-content .tag-socila{
        display:block !important
    }
    .blog-details-content .tag-socila .tag{
        margin-bottom:10px
    }
    .blog-details-content .tag-socila .tag li{
        margin-right:0;
        margin-bottom:10px;
        margin-right:5px
    }
    .blog-details-content .tag-socila .tag li a{
        padding:5px 4px
    }
    .blog-details-content .comment-wrap ul li{
        padding-left:0
    }
    .blog-details-content .comment-wrap ul li h4{
        font-size:18px
    }
    .blog-details-content .comment-wrap ul li img{
        position:unset;
        margin-bottom:10px
    }
    .blog-details-content .leave-replay{
        padding:20px
    }
    .blog-details-content .leave-replay .form-group{
        margin-bottom:20px
    }
    .blog-details-content .leave-replay h3{
        margin-bottom:20px
    }
    .blog-details-content .leave-replay .form-check{
        font-weight:500
    }
    .blog-details-content .leave-replay .main-btn{
        width:100%
    }
    .product-result{
        margin-bottom:30px
    }
    .product-result p{
        margin-bottom:0
    }
    .product-result .form-select{
        max-width:100%;
        margin-top:20px
    }
    .main-product-item .product-img ul{
        left:20px !important;
        top:20px !important
    }
    .main-product-item .product-img .main-btn{
        padding:12px 30px;
        bottom:0
    }
    .main-product-item .main-product-content{
        padding:20px
    }
    .main-product-item .main-product-content h3{
        font-size:20px;
        margin-bottom:10px
    }
    .main-product-item .main-product-content ul li i{
        font-size:12px
    }
    .main-product-item .main-product-content span{
        margin-bottom:12px;
        font-size:14px
    }
    .main-product-item .main-product-content .price{
        margin-bottom:0
    }
    .pagination{
        margin-top:0
    }
    .pagination .page-count{
        width:40px;
        height:40px;
        line-height:40px
    }
    .shopping-cart{
        overflow:hidden;
        text-align:center
    }
    .shopping-cart table thead tr th{
        font-size:16px;
        white-space:nowrap
    }
    .shopping-cart table tbody tr td{
        white-space:nowrap;
        padding:15px
    }
    .shopping-cart table tbody tr td a{
        font-size:14px
    }
    .shopping-cart table tbody tr .cart-thumbnail{
        width:285px
    }
    .shopping-cart table tbody tr .cart-price .amount{
        font-size:14px
    }
    .coupon-form{
        margin-bottom:30px
    }
    .billing-address .form-check .form-check-label{
        font-size:16px
    }
    .billing-address h3{
        font-size:23px
    }
    .product-main-image{
        margin-bottom:30px
    }
    .product-details-main-content h3{
        font-size:25px
    }
    .product-details-main-content .old-recent-price{
        font-size:20px
    }
    .product-details-tab .nav-tabs{
        text-align:center
    }
    .product-details-tab .nav-tabs .nav-item .nav-link{
        font-size:18px
    }
    .product-details-tab .product-review-content .review-list-wrap .review-list{
        padding-right:20px;
        display:block !important
    }
    .product-details-tab .product-review-content .review-list-wrap .review-list .review-img{
        margin-right:0;
        margin-bottom:15px
    }
    .product-details-tab .product-review-content .review-list-wrap .review-list .review-content .reply{
        position:unset
    }
    .product-details-tab .review-progress-wrap{
        margin-bottom:30px
    }
    .payment-content{
        padding:30px
    }
    .payment-content .col-sm-4{
        flex:0 0 auto;
        width:33.33333333%
    }
    .payment-content .form-floating{
        margin-bottom:20px
    }
    .payment-content .form-check{
        font-size:15px
    }
    .sign-up-section .ps-0{
        padding-left:0 !important
    }
    .sign-up-section .pe-0{
        padding-right:0 !important
    }
    .sign-up-form{
        padding:20px
    }
    .sign-up-form h2{
        margin-bottom:10px;
        font-size:28px
    }
    .sign-up-form .form-wrap .already{
        font-size:17px
    }
    .sign-up-form .form-wrap p{
        margin-bottom:30px
    }
    .sidebar-wrap{
        margin-top:30px
    }
    .page-banner-content{
        text-align:center
    }
    .page-banner-content h2{
        font-size:45px;
        margin-bottom:20px
    }
    .page-banner-img{
        display:none
    }
    .main-dedicated-item{
        padding:20px
    }
    .main-dedicated-item h3{
        font-size:20px
    }
    .project-slide.owl-theme .owl-nav .owl-next,.project-slide.owl-theme .owl-nav .owl-prev{
        position:unset;
        transform:unset
    }
}
@media only screen and (min-width: 992px)and (max-width: 1199px){
    .pe-0{
        padding-right:12px !important
    }
    .ps-0{
        padding-left:12px !important
    }
    .ms-15{
        margin-left:0
    }
    .me-15{
        margin-right:0
    }
    .main-section-title h2{
        font-size:38px
    }
    .header-bg-style:before{
        width:70%
    }
    .header-bg-style.bg-style-three:before{
        width:70%
    }
    .header-bg-style.bg-style-four{
        background-color:#1b6ef0
    }
    .navbar-section .navbar-brand{
        max-width:180px
    }
    .main-nav .navbar .navbar-nav .nav-item .nav-link{
        font-size:15px;
        margin-right:12px;
        margin-left:12px
    }
    .main-nav .navbar .nav-right-options{
        margin-left:0
    }
    .main-nav .navbar .nav-right-options .main-btn{
        padding:10px
    }
    .main-nav .navbar .nav-right-options .main-btn span i{
        margin-left:0
    }
    .main-nav .navbar .nav-right-options .main-btn span .get{
        display:none !important
    }
    .banner-content h1{
        font-size:45px
    }
    .banner-content p{
        font-size:17px
    }
    .main-company-item{
        padding:15px
    }
    .main-company-item h3{
        font-size:20px
    }
    .about-us-content{
        margin-left:0
    }
    .about-us-content h2{
        font-size:38px
    }
    .about-us-content .about-item{
        padding-right:0
    }
    .about-us-content .about-item h3{
        font-size:18px
    }
    .services-shape .shape.shape-1{
        display:none
    }
    .main-services-item{
        padding:25px
    }
    .single-case-study{
        padding:20px
    }
    .single-case-study .case-study-content{
        padding:20px
    }
    .main-completed-item .icon{
        padding:44px 20px
    }
    .analysis-content{
        margin-left:0
    }
    .analysis-content h2{
        font-size:38px
    }
    .faq-content h2{
        font-size:38px
    }
    .main-blog-item .main-blog-content{
        padding:20px
    }
    .main-testimonials{
        padding:20px
    }
    .main-video-content h2{
        font-size:40px
    }
    .main-widget-item .social-link li{
        margin-right:5px
    }
    .main-widget-item .social-link li a{
        width:35px;
        height:35px;
        line-height:35px;
        text-align:center
    }
    .main-team-item{
        padding:20px
    }
    .main-team-item h3{
        font-size:20px
    }
    .main-team-item ul{
        padding:10px
    }
    .main-team-item ul li{
        margin-right:10px
    }
    .single-services-details-content h2{
        font-size:30px
    }
    .single-services-details-content .support-system .main-support-item{
        padding:20px;
        display:block !important
    }
    .single-services-details-content .support-system .main-support-item .icon{
        margin-bottom:15px
    }
    .single-services-details-content .support-system .ms-3{
        margin-left:0 !important
    }
    .main-sidebar-item{
        margin-left:0;
        padding:20px
    }
    .main-sidebar-item h3{
        font-size:20px;
        margin-bottom:20px
    }
    .main-sidebar-item h3::before{
        left:-20px
    }
    .project-slide.owl-theme .owl-nav .owl-next,.project-slide.owl-theme .owl-nav .owl-prev{
        position:unset;
        transform:unset
    }
    .blog-details-content .blog-intro h2{
        font-size:25px
    }
    .blog-details-content .tag-socila{
        display:block !important
    }
    .blog-details-content .tag-socila .tag{
        margin-bottom:10px
    }
    .main-product-item .product-img ul{
        left:20px !important;
        top:20px !important
    }
    .main-product-item .product-img .main-btn{
        padding:12px 30px;
        bottom:0
    }
    .main-product-item .main-product-content{
        padding:20px
    }
    .main-product-item .main-product-content h3{
        font-size:18px;
        margin-bottom:10px
    }
    .main-product-item .main-product-content ul li i{
        font-size:12px
    }
    .main-product-item .main-product-content span{
        margin-bottom:12px;
        font-size:14px
    }
    .main-product-item .main-product-content .price{
        margin-bottom:0
    }
    .your-order{
        padding:20px
    }
    .your-order h3{
        font-size:20px;
        padding-bottom:20px
    }
    .your-order ul li{
        font-size:15px
    }
    .shopping-cart{
        overflow:hidden;
        text-align:center
    }
    .shopping-cart table thead tr th{
        font-size:16px;
        white-space:nowrap
    }
    .shopping-cart table tbody tr td{
        white-space:nowrap;
        padding:15px
    }
    .shopping-cart table tbody tr td a{
        font-size:14px
    }
    .shopping-cart table tbody tr .cart-thumbnail{
        width:285px
    }
    .shopping-cart table tbody tr .cart-price .amount{
        font-size:14px
    }
    .shipping-option{
        padding:20px
    }
    .shipping-option h3{
        font-size:22px;
        margin-bottom:20px
    }
    .shipping-option .form-check .form-check-label{
        font-size:16px
    }
    .product-details-main-content .quantity-add-wish li .cart-quantity .quantity-input{
        max-width:150px
    }
    .sign-up-section .ps-0{
        padding-left:0 !important
    }
    .sign-up-section .pe-0{
        padding-right:0 !important
    }
    .sign-up-form .form-wrap .already{
        font-size:17px
    }
    .sign-up-form .form-wrap p{
        margin-bottom:30px
    }
    .product-details-main-content .main-btn{
        padding:15px 20px
    }
    .page-banner-content h2{
        font-size:45px
    }
}
@media only screen and (min-width: 1200px)and (max-width: 1550px){
    .header-bg-style:before{
        width:50%
    }
    .header-bg-style.bg-style-three:before{
        width:0
    }
    .header-bg-style.bg-style-four{
        background-color:#1b6ef0
    }
    .project-slide.owl-theme .owl-nav{
        margin-top:20px !important
    }
    .project-slide.owl-theme .owl-nav .owl-next,.project-slide.owl-theme .owl-nav .owl-prev{
        position:unset;
        transform:unset
    }
}
@media only screen and (max-width: 991px){
    .navbar-section{
        z-index:2;
        padding-top:20px;
        padding-bottom:20px
    }
    .navbar-section .dropdown-toggle::after{
        display:none
    }
    .navbar-section .mobile-nav{
        display:block
    }
    .navbar-section .mobile-nav .mobile-menu{
        position:relative
    }
    .navbar-section .mobile-nav .mobile-menu .logo{
        position:relative;
        z-index:2;
        max-width:300px;
    }
    .navbar-section .mobile-nav .mobile-menu.mean-container .mean-nav{
        margin-top:46px;
        background-color:#fff;
        box-shadow:0 0 20px 3px rgba(0,0,0,.05)
    }
    .navbar-section .mobile-nav .mobile-menu.mean-container .mean-nav ul{
        border:none !important;
        background-color:#fff
    }
    .navbar-section .mobile-nav .mobile-menu.mean-container .mean-nav ul li a{
        border-top-color:#efefef;
        color:#2e2e2e !important;
        font-size:15px;
        font-weight:600;
        text-transform:capitalize
    }
    .navbar-section .mobile-nav .mobile-menu.mean-container .mean-nav ul li a.active{
        color:#1b6ef0 !important
    }
    .navbar-section .mobile-nav .mobile-menu.mean-container .mean-nav ul li a.mean-expand{
        width:100%;
        height:28px;
        text-align:right;
        padding:11px !important;
        background:rgba(0,0,0,0) !important;
        border-left:none !important;
        border-bottom:none !important
    }
    .navbar-section .mobile-nav .mobile-menu.mean-container .meanmenu-reveal{
        top:0;
        padding:0;
        width:35px;
        height:30px;
        padding-top:6px;
        color:#1b6ef0
    }
    .navbar-section .mobile-nav .mobile-menu.mean-container .meanmenu-reveal span{
        background:#1b6ef0;
        height:4px;
        margin-top:-6px;
        border-radius:0;
        position:relative;
        top:8px
    }
    .navbar-section .mobile-nav .mobile-menu.mean-container .mean-bar{
        background:rgba(0,0,0,0);
        position:absolute;
        z-index:2;
        padding:0
    }
    .navbar-section .mobile-nav .mobile-menu.mean-container .navbar-nav{
        box-shadow:0 7px 13px 0 rgba(0,0,0,.1);
        margin-top:0 !important;
        max-height:50vh;
        overflow-y:scroll
    }
    .navbar-section .mobile-nav .mobile-menu.mean-container .navbar-nav::-webkit-scrollbar{
        width:7px
    }
    .navbar-section .mobile-nav .mobile-menu.mean-container .navbar-nav::-webkit-scrollbar-track{
        background:#555
    }
    .navbar-section .mobile-nav .mobile-menu.mean-container .navbar-nav::-webkit-scrollbar-thumb{
        background:#06060e
    }
    .navbar-section .mobile-nav .mobile-menu.mean-container .navbar-nav::-webkit-scrollbar-thumb:hover{
        background:#555
    }
    .navbar-section .mobile-nav .others-options{
        display:none !important
    }
    .navbar-section .main-nav{
        display:none !important
    }
    .wow{
        animation-name:none !important;
        visibility:visible !important
    }
}
/*# sourceMappingURL=responsive.css.map */