@media only screen and (max-width:767px) {
    .iconer li::before {
    content: "\ea41";
    font-family: boxicons;
    position: absolute;
    left: -21px;
    top: 3px;
    font-size: 10px;
    color: white;
    background: #0000ffb3;
    border-radius: 20px;
    padding: 0 4px;
}
    .faq-area-bg .adv-card {
    flex: 0 0 95%;
    text-align: center;
}
    .spacer{
            z-index: 999999;
    margin-right: 60px;
    margin-top: 10px;
    }
    .animate-card2 {
    position: absolute;
    left: 15px;
    bottom: -6px;
    }
    .animate-card1 {
    position: absolute;
    right: 15px;
    top: -38px;
}
    
    .techner .card {
    flex: 0 0 45%;
  
}
    .mainabt_img {
   overflow:hidden;
}
    .lios-vrst ul li { 
    flex: 0 0 100%;
    list-style: none;
   
    position: relative;
}
    footer .btm-bottom-box i { 
        width:50px;
        height:50px;
        font-size:22px;
    } 
    .fixed-bottom .col-4 {
        text-align: center;
    }
    .fixed-bottom.shwbtm {
        opacity: 1;
        padding-bottom: 0 !important;
    }
    .fixed-bottom {
        position: fixed;
        right: 0;
        bottom: 0;
        height: 70px;
        opacity: 0;
        left: 0;
        z-index: 1030;
    }
    .submission-area .btm-form ul {
        display: flex !important;
    }
    .tps-main .owl-dots { position: absolute; bottom: 3px; width: 100%; }
    .tps-main .owl-dots span { width: 7px !important; height: 7px !important; background-color: #fff !important; border-color: #fff !important; opacity: .5; }
    .tps-main .owl-dots .owl-dot.active span { opacity: 1; }
    .submission-area .btm-form ul li {
        width: auto;
        padding: 0 15px;
    }
    .footer-list {
        padding-left: 10px;
    }
    .footer-contact ul.footer-box {
        padding-left: 0;
    }
    .footer-single {
        padding-left: 10px;
        padding-right: 0;
    }
    
    .footer-list ul {
        padding-left: 18px;
    }
	body { font-size: 14px; }
	.ptb-100 { padding-top: 50px; padding-bottom: 50px }
	.pt-100 { padding-top: 50px }
	.ptb-70 { padding-top: 20px; padding-bottom: 20px }
	.pb-100 { padding-bottom: 50px }
	.pt-70 { padding-top: 30px }
	.pb-90 { padding-bottom: 50px }
	.pb-70 { padding-bottom: 20px }
	.pt-45 { padding-top: 30px }
	.pt-20 { padding-top: 0 }
	.ml-50 { margin-left: 0 }
	.ml-20 { margin-left: 0 }
	.default-btn {padding: 8px 21px;min-width: 130px;}
	.section-title h2 {font-size: 24px;line-height: 30px;}
	.section-title p {}
	.menu-btn { display: none }
	.mobile-nav .logo img { max-width: 110px }
	.mobile-nav .logo .logo-two { display: none }
	.other-side { display: none }
	.main-banner { padding-top: 100px; padding-bottom: 50px }
	.banner-text h1 { font-size: 32px; margin-bottom: 10px; margin-top: 5px }
	.banner-text p { margin-bottom: 20px }
	.banner-shape-1 { display: none }
	.home-shape { display: none }
	.banner-another { background-image: none; background-color: #f5f6ff }
	.banner-ptb { padding-top: 100px; padding-bottom: 20px }
	.banner-img-3 { margin-top: 0; padding-bottom: 50px }
	.banner-img-3 img { padding: 0 15px }
	.banner-social-icon { display: none }
	.banner-img-shape { display: none }
	.brand-title { margin-bottom: 30px; padding-top: 50px; text-align: center }
	.brand-title h2 { font-size: 24px }
	.about-shape { display: none }
	.about-content { margin-left: 0 }
	.about-content h2 {font-size: 24px;line-height: 30px;}
	.about-content p { margin-top: 10px; margin-bottom: 0 }
	.about-content .about-btn { margin-top: 20px }
	.service-card { padding: 30px }
	.service-card a h3 { font-size: 18px; margin-bottom: 10px }
	.service-shape1 { display: none }
	.faq-img { margin-bottom: 10px }
	.faq-img img { height: auto; -webkit-animation: none; animation: none }
	.faq-content h2 { font-size: 24px; margin-bottom: 15px }
	.faq-content p { padding-bottom: 25px }
	.faq-accordion { max-width: 100%; margin-bottom: 30px }
	.faq-accordion .accordion .accordion-item {border-radius: 20px;}
	.faq-accordion .accordion .accordion-title {font-size: 16px;padding: 10px 50px 10px 25px;}
	.faq-accordion .accordion .accordion-title i {font-size: 20px;width: 30px;height: 30px;line-height: 30px;top: 7px;right: 10px;}
	.faq-accordion .accordion .accordion-title.active i{top: 7px;}
	.faq-accordion .accordion .accordion-content { padding-bottom: 10px }
	.portfolio-mt { margin-top: 0 }
	.portfolio-area .owl-nav { padding-top: 30px }
	.portfolio-area .owl-nav .owl-prev { position: absolute; margin-top: 0; top: unset; bottom: 0; left: 30% }
	.portfolio-area .owl-nav .owl-next { position: absolute; margin-top: 0; top: unset; bottom: 0; right: 30% }
	.portfolio-item .portfolio-content a h3 { font-size: 18px }
	.submission-title h2 { font-size: 25px; margin-bottom: 20px }
	.submission-form {max-width: 100%;height: auto;}
	.submission-form .form-group { margin-bottom: 20px }
	.submission-form .form-group .form-control { height: 50px; font-size: 14px; line-height: 50px; padding: 0; border-bottom: 1px solid #ddd; border-radius: inherit }
	.submission-form .form-group.border-line::before { display: none }
	.submission-form .default-btn {right: 5px;text-align: center;margin: 0 auto;font-size: 14px;min-width: auto;padding: 11px 30px;}
	.submission-input .form-control { height: 50px; padding: 5px 24px;   padding-right: 120px;}
	.tabs-item-list ul li a { padding: 8px 40px; margin: 0 5px }
	#prices-content { margin-top: 30px }
	.single-price .single-price-title { margin-top: 15px; margin-bottom: 20px }
	.single-price .single-price-title h2 { font-size: 30px }
	.single-price .single-price-title h2 sup { font-size: 18px }
	.single-price .single-price-title h2 sub { font-size: 18px }
	.single-price ul li { margin-top: 5px }
	.single-price .get-btn { margin-top: 20px }
	.member-card .member-img a img { width: 100% }
	.member-shape { display: none }
	.counter-area::before { display: none }
	.single-counter h3 { font-size: 22px }
	.single-counter p { font-size: 18px }
	.single-counter i { font-size: 26px; width: 60px; height: 60px; line-height: 60px; margin-bottom: 25px }
	.testimonial-area .owl-theme .owl-nav { margin-top: 20px }
	.testimonial-slider .testimonial-icon { font-size: 100px }
	.testimonial-item { margin-top: 90px; padding-bottom: 30px; padding-left: 20px; padding-right: 20px }
	.testimonial-img img { max-width: 100%; height: auto; margin-top: 30px; -webkit-animation: none; animation: none }
	.shape-left { display: none }
	.shape-right { display: none }
	.blog-card .blog-img a { display: block }
	.blog-card .blog-img a img { width: 100% }
	.blog-card .blog-content { width: 100%; border-radius: 0 }
	.blog-card .blog-content .blog-tag { bottom: 90% }
	.blog-card .blog-content a h3 { font-size: 20px }
	.bg-footer { margin-top: 0; border-radius: 0; height: auto; background-color: #4356d6 }
	.bg-footer::before { display: none }
	.bg-footer::after { display: none }
	.footer-top { padding-top: 50px; padding-bottom: 20px }
	.footer-single .footer-single-content a img { width: 130px; margin-bottom: 10px }
	.footer-single .footer-single-content p { max-width: 300px }
	.footer-single .newsletter-area .newsletter-form .form-control { height: 50px; line-height: 50px }
	.footer-single .newsletter-area .newsletter-form .subscribe-btn { top: 5px }
	.footer-list h3 { font-size: 22px; margin-bottom: 10px }
	.footer-list ul li { margin-top: 5px; font-size: 14px }
	.footer-bottom { padding-top: 15px; }
	.header-content-right .header-contact { margin: 5px 0 0; float: none; text-align: center }
	.header-content-right .header-contact li { font-size: 13px; margin-right: 10px }
	.header-content-right .header-contact li i { font-size: 15px }
	.header-content-right .header-social { float: none; text-align: center }
	.header-content-right .header-social li { padding-left: 0; padding-right: 10px }
	.header-content-right .header-social li a { font-size: 18px }
	.banner-into { padding-top: 125px; padding-bottom: 125px }
	.banner-content { margin-bottom: 30px }
	.banner-content h1 { font-size: 35px; margin-bottom: 15px }
	.banner-content p { margin-bottom: 25px }
	.banner-content .banner-content-btn .learn-btn { padding: 8px 25px }
	.banner-content .banner-content-btn .banner-play-btn .play-btn i { width: 40px; height: 40px; line-height: 40px; font-size: 30px; margin-right: 5px }
	.about-area .pl-0, .about-area .px-0 { padding-left: 15px !important }
	.about-img-2 {max-width: 240px;position: relative;z-index: 1;margin: 20px auto 20px;}
	.about-img-2 .about-man {text-align: center;}
	.about-img-2 .about-man img {height: 300px;text-align: center;margin: 0;}
	.about-img-2 .about-man::before {width: 260px;height: 260px;top: 47px;left: -10px;}
	.member-shape-2 { display: none }
	.about-shape1 { display: none }
	.about-shape2 { display: none }
	.service-area { position: relative }
	.service-area .owl-nav { margin-bottom: 50px }
	.service-area .owl-nav .owl-prev { position: absolute; -webkit-transition: .5s all ease; transition: .5s all ease; position: absolute; top: unset; bottom: -30px; left: 30%; opacity: 1 }
	.service-area .owl-nav .owl-next { position: absolute; -webkit-transition: .5s all ease; transition: .5s all ease; position: absolute; top: unset; bottom: -30px; right: 30%; opacity: 1 }
	.service-area .service-slider:hover .owl-prev { opacity: 1; left: 30% }
	.service-area .service-slider:hover .owl-next { opacity: 1; right: 30% }
	.faq-bg { padding-top: 50px; position: relative; height: auto; margin-bottom: 0; padding-bottom: 50px }
	.faq-bg-into { top: unset; max-width: 100%; height: auto }
	.faq-bg-into::before { display: none }
	.client-area .owl-theme .owl-nav { margin-top: 20px; margin-bottom: 20px }
	.subscribe-area::before { display: none }
	.subscribe-area::after { display: none }
	.subscribe-area .subscribe-content h2 { font-size: 24px; margin-bottom: 30px }
	.footer-single-2 { margin-bottom: 20px }
	.footer-single-2 .footer-single-content-2 a img { width: 130px; margin-bottom: 10px }
	.footer-single-2 .footer-single-content-2 p { margin-bottom: 10px; max-width: 300px }
	.footer-single-2 .footer-social { margin: 0; padding: 0; list-style: none }
	.footer-single-2 .footer-social li { padding-right: 10px }
	.footer-single-2 .footer-social li a { font-size: 24px }
	.footer-list-2 h3 { font-size: 22px; margin-bottom: 10px }
	.footer-list-2 ul li { margin-top: 5px; font-size: 14px }
	.footer-bottom-2 { padding-top: 15px; padding-bottom: 15px }
	.inner-banner .inner-title {
    min-height: 200px;
}
	.inner-banner .inner-title h3, .inner-banner .inner-title h2, .inner-banner .inner-title h1 { font-size: 26px }
	.inner-banner .inner-title ul li { font-size: 16px }
	.pagination-area { margin-top: 0 }
	.service-dtls-content { margin-bottom: 30px }
	.service-dtls-content h2 { font-size: 24px; margin-bottom: 20px }
	.service-dtls-content .service-dtls-btn { margin-top: 5px }
	.service-dtls-content .pager-area { margin-top: 10px; margin-bottom: 30px; float: left; text-align: center }
	.service-dtls-content .pager-area .pager a { padding: 8px 25px }
	.blog-dtls-content .blog-text h2 { font-size: 24px }
	.blog-dtls-content .blog-text blockquote { padding: 30px !important; font-size: 16px }
	.blog-dtls-content .bolg-gallery { padding: 0 15px }
	.blog-dtls-content .bolg-gallery-item { padding-right: 3px; padding-left: 3px }
	.blog-dtls-content h3 { font-size: 20px; margin-top: 20px; margin-bottom: 20px }
	.blog-dtls-content .post-navigation .navigation-links div a { padding: 5px 20px }
	.blog-dtls-content .comment-area .comment-title { font-size: 20px }
	.blog-dtls-content .comment-area .comment-card .comment-author-img { margin-bottom: 15px }
	.blog-dtls-content .comment-area .comment-card .comment-author-title { position: inherit; display: block }
	.blog-dtls-content .comment-area .comment-card .comment-body { margin-left: 0; margin-top: 5px }
	.blog-dtls-content .comment-area .comment-respond { margin-bottom: 30px }
	.blog-dtls-content .comment-area .comment-respond .comment-respond-title { margin-bottom: 10px; font-size: 20px }
	.blog-dtls-content .comment-area .comment-respond .comment-form p { font-size: 13px }
	.blog-dtls-content .comment-area .comment-respond .comment-form .form-group { margin-bottom: 15px }
	.blog-dtls-content .comment-area .comment-respond .comment-form .form-group label { margin-bottom: 5px }
	.blog-dtls-content .comment-area .comment-respond .comment-form .form-group .form-control { padding: 22px 18px }
	.blog-dtls-content .comment-area .comment-respond .comment-form .post-com-btn { padding: 10px 20px }
	.widget-area .widget { margin-top: 25px }
	.contact-width { width: 100% }
	.contact-wrap-form { padding: 30px }
	.contact-wrap-form .form-group { margin-bottom: 15px }
	.contact-wrap-form .form-group .form-control { font-size: 14px }
	.contact-wrap-form .with-errors { margin-bottom: 15px }
	.error-area { padding: 110px 15px 100px }
	.error-area .error-content h1 { font-size: 100px }
	.contact-wrap-form .agree-label { margin-bottom: 0 }
	.contact-wrap-form .forget { float: unset }
	.contact-wrap-form .default-btn { width: 100% }
	.login-social-btn { font-size: 20px; width: 100%; height: 40px; line-height: 45px; margin-bottom: 15px }
}
@media only screen and (min-width:576px) and (max-width:767px) {
	.main-banner .container-fluid { max-width: 540px }
	.about-content.about-width { margin-left: auto; max-width: 540px }
	.about-max .container-fluid { max-width: 540px }
	.service-card p { margin: 0 auto; max-width: 350px }
	.service-shape1 { display: none }
	.faq-content { max-width: 540px; margin: auto }
	.faq-accordion { max-width: 540px; margin-left: auto }
	.faq-accordion .accordion .accordion-title { padding: 15px 60px 15px 25px }
	.faq-accordion .accordion .accordion-title i { top: 15px }
	.portfolio-area .owl-nav .owl-prev { left: 40% }
	.portfolio-area .owl-nav .owl-next { right: 40% }
	.testimonial-area .container-fluid { max-width: 540px }
	.testimonial-item { max-width: 540px }
	.blog-card .blog-content { width: 75%; border-radius: 15px }
	.footer-single .footer-single-content p { max-width: 340px }
	.banner-img-2 .dots { right: -18px }
	.about-img-2 { margin-left: auto; margin-right: auto }
	.service-area .owl-nav .owl-prev { left: 40% }
	.service-area .owl-nav .owl-next { right: 40% }
	.client-area .container-fluid { max-width: 540px }
	.subscribe-area .subscribe-content h2 { text-align: center }
	.footer-single-2 .footer-single-content-2 p { max-width: 340px }
	.footer-single-2 .footer-social { margin: 0; padding: 0; list-style: none; display: inline-block }
	.banner-another .container-fluid { max-width: 540px }
	.service-dtls-content .pager-area { float: right; margin-top: 5px }
}
@media only screen and (min-width:768px) and (max-width:991px) {
	body { font-size: 14px }
	.ptb-100 { padding-top: 50px; padding-bottom: 50px }
	.pt-100 { padding-top: 50px }
	.pb-100 { padding-bottom: 50px }
	.ptb-70 { padding-top: 20px; padding-bottom: 20px }
	.pt-70 { padding-top: 30px }
	.pb-90 { padding-bottom: 50px }
	.pb-70 { padding-bottom: 20px }
	.pt-45 { padding-top: 30px }
	.pt-20 { padding-top: 0 }
	.ml-50 { margin-left: 0 }
	.ml-20 { margin-left: 0 }
	.default-btn { padding: 8px 25px }
	.section-title h2 { font-size: 26px }
	.section-title p {
    margin-top: 10px;
}
	.menu-btn { display: none }
	.mobile-nav .logo img { max-width: 110px }
	.mobile-nav .logo .logo-two { display: none }
	.other-side { display: none }
	.main-banner { padding-top: 100px; padding-bottom: 50px }
	.main-banner .container-fluid { max-width: 720px }
	.banner-text { max-width: 650px; margin-left: 0 }
	.banner-text h1 { font-size: 35px; margin-bottom: 10px; margin-top: 5px }
	.banner-text p { margin-bottom: 20px }
	.banner-shape-1 { display: none }
	.home-shape { display: none }
	.banner-another { background-image: none; background-color: #f5f6ff }
	.banner-another .container-fluid { max-width: 720px }
	.banner-ptb { padding-top: 100px; padding-bottom: 20px }
	.banner-img-3 { margin-top: 0; padding-bottom: 50px }
	.banner-img-3 img { padding: 0 15px }
	.about-shape { display: none }
	.about-content { margin-bottom: 0; padding: 0 15px }
	.about-content.about-width { max-width: 720px; margin-left: auto }
	.about-content h2 { font-size: 26px }
	.about-content p { margin-top: 10px; margin-bottom: 0 }
	.about-content .about-btn { margin-top: 20px }
	.service-card { padding: 30px }
	.service-card a h3 { font-size: 18px; margin-bottom: 10px }
	.service-shape1 { display: none }
	.faq-area .container-fluid { max-width: 720px }
	.faq-img { margin-bottom: 10px }
	.faq-img img { height: auto; -webkit-animation: none; animation: none }
	.faq-content { margin-right: auto; margin-left: auto; text-align: center }
	.faq-content h2 { font-size: 26px; margin-bottom: 15px }
	.faq-content p { padding-bottom: 25px }
	.faq-img-2 { text-align: center }
	.faq-content-text { text-align: center }
	.faq-content-text p { max-width: 540px; margin-left: auto; margin-right: auto; margin-bottom: 30px }
	.faq-accordion { max-width: 80%; margin-bottom: 30px; margin-left: auto; margin-right: auto }
	.faq-accordion .accordion .accordion-item { border-radius: 30px }
	.faq-accordion .accordion .accordion-title { font-size: 16px; padding: 10px 60px 10px 25px }
	.faq-accordion .accordion .accordion-title i { top: 10px; font-size: 20px; width: 30px; height: 30px; line-height: 30px }
	.faq-accordion .accordion .accordion-content { padding-bottom: 10px }
	.portfolio-mt { margin-top: 0 }
	.portfolio-area .owl-nav .owl-prev { left: 0 }
	.portfolio-area .owl-nav .owl-next { right: 0 }
	.portfolio-item .portfolio-content h3 { font-size: 18px }
	.portfolio-item .portfolio-content i { margin-top: 1px }
	.submission-title h2 { font-size: 25px; margin-bottom: 20px }
	.submission-form {}
	.submission-form .form-group { margin-bottom: 20px }
	.submission-form .form-group .form-control { height: 50px; font-size: 14px; line-height: 50px; padding: 0; border-bottom: 1px solid #ddd; border-radius: inherit }
	.submission-form .form-group.border-line::before { display: none }
	.submission-form .default-btn {float: none;text-align: center;margin: 0 auto;width: auto;padding: 11px 30px;font-size: 16px}
	.tabs-item-list ul li a { padding: 8px 40px; margin: 0 5px }
	#prices-content { margin-top: 30px }
	.single-price .single-price-title { margin-top: 15px; margin-bottom: 20px }
	.single-price .single-price-title h2 { font-size: 30px }
	.single-price .single-price-title h2 sup { font-size: 18px }
	.single-price .single-price-title h2 sub { font-size: 18px }
	.single-price ul li { margin-top: 5px }
	.single-price .get-btn { margin-top: 20px }
	.member-card .member-img a img { width: 100% }
	.member-shape { display: none }
	.counter-area::before { display: none }
	.single-counter h3 { font-size: 21px }
	.single-counter p { font-size: 17px }
	.single-counter i { font-size: 26px; width: 60px; height: 60px; line-height: 60px; margin-bottom: 25px }
	.testimonial-area .container-fluid { max-width: 720px }
	.testimonial-area .owl-theme .owl-nav { margin-top: 20px }
	.testimonial-slider .testimonial-icon { font-size: 100px }
	.testimonial-item { margin-top: 90px; padding-bottom: 30px; padding-left: 20px; padding-right: 20px }
	.testimonial-img { text-align: center }
	.testimonial-img img { max-width: 100%; height: auto; margin-top: 30px; -webkit-animation: none; animation: none }
	.shape-left { display: none }
	.shape-right { display: none }
	.blog-card .blog-img a { display: block }
	.blog-card .blog-img a img { width: 100% }
	.blog-card .blog-content { width: 90%; border-radius: 15px; padding-left: 20px; padding-right: 20px }
	.blog-card .blog-content .blog-tag { bottom: 120px; left: 20px }
	.blog-card .blog-content a h3 { font-size: 18px }
	.bg-footer { margin-top: 0; border-radius: 0; height: auto; background-color: #4356d6 }
	.bg-footer::before { display: none }
	.bg-footer::after { display: none }
	.footer-top { padding-top: 50px; padding-bottom: 20px }
	.footer-single .footer-single-content { text-align: left }
	.footer-single .footer-single-content a img { width: 130px; margin-bottom: 10px }
	.footer-single .footer-single-content p {text-align: left;}
	.footer-single .newsletter-area .newsletter-form .form-control { height: 50px; line-height: 50px }
	.footer-single .newsletter-area .newsletter-form .subscribe-btn { top: 5px }
	.footer-list h3 { font-size: 22px; margin-bottom: 10px }
	.footer-list ul li { margin-top: 5px; font-size: 14px }
	.footer-bottom { padding-top: 15px; padding-bottom: 15px }
	.header-content-right .header-contact li { margin-right: 10px }
	.header-content-right .header-contact li i { margin-right: 4px }
	.banner-into { padding-top: 125px; padding-bottom: 125px }
	.banner-content { margin-bottom: 30px; text-align: center }
	.banner-content h1 { font-size: 35px; margin-bottom: 10px }
	.banner-content p { margin-bottom: 10px; margin-left: auto; margin-right: auto }
	.banner-content .banner-content-btn .learn-btn { padding: 8px 32px }
	.banner-content .banner-content-btn .banner-play-btn .play-btn i { width: 40px; height: 40px; line-height: 40px; font-size: 30px }
	.banner-img-2 { text-align: center }
	.banner-img-2 .dots { right: 8.7% }
	.about-img-2 { margin-left: auto; margin-right: auto }
	.faq-bg { padding-top: 50px; padding-bottom: 50px; height: auto; margin-bottom: 0 }
	.faq-bg-into { top: unset }
	.faq-bg-into::before { display: none }
	.subscribe-area::before { display: none }
	.subscribe-area::after { display: none }
	.subscribe-area .subscribe-content h2 { font-size: 26px; margin-bottom: 20px; text-align: center }
	.member-shape-2 { display: none }
	.footer-single-2 .footer-single-content-2 a img { width: 130px; margin-bottom: 10px }
	.footer-list-2 h3 { font-size: 22px; margin-bottom: 10px }
	.footer-list-2 ul li { margin-top: 5px; font-size: 14px }
	.brand-title { padding-top: 50px; margin-bottom: 30px; text-align: center }
	.brand-title h2 { font-size: 26px }
	.about-max .container-fluid { max-width: 720px }
	.pagination-area { margin-top: 0 }
	.service-dtls-content { margin-bottom: 20px }
	.service-dtls-content h2 { font-size: 26px; margin-bottom: 20px }
	.service-dtls-content .service-dtls-btn { margin-top: 5px }
	.service-dtls-content .pager-area { margin-top: 5px }
	.service-dtls-content .pager-area .pager a { padding: 8px 25px }
	.blog-dtls-content .blog-text h2 { font-size: 26px }
	.blog-dtls-content .comment-area .comment-respond { margin-bottom: 30px }
	.login-social-btn { font-size: 20px; width: 90px; height: 40px; line-height: 45px; text-align: center }
	.contact-wrap-form .default-btn { padding: 10px 45px }
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	.main-nav nav .navbar-nav .nav-item a { margin-left: 7px; margin-right: 7px }
	.banner-text { max-width: 460px; margin-left: auto }
	.banner-text h1 { font-size: 50px }
	.banner-shape-1 img { max-width: 600px; height: 750px }
	.portfolio-area .owl-theme .owl-nav .owl-prev { left: -5% }
	.portfolio-area .owl-theme .owl-nav .owl-next { right: -5% }
	.portfolio-item .portfolio-content a h3 { font-size: 18px }
	.testimonial-img img { margin-top: 0; height: auto }
	.blog-card .blog-content { width: 95%; padding-left: 10px; padding-right: 10px }
	.blog-card .blog-content .blog-tag { left: 10px }
	.blog-card .blog-content a h3 { font-size: 18px }
	.footer-list h3 { font-size: 22px }
	.footer-list ul li { font-size: 13px }
	.about-img-2 .about-man img { height: 500px; margin-top: -90px }
	.about-img-2 .about-man::before { width: 420px; height: 420px }
	.faq-content-text .font-size { font-size: 15px }
	.faq-bg-into::before { bottom: 0 }
	.subscribe-area::before { width: 70% }
	.footer-list-2 h3 { font-size: 22px }
	.footer-list-2 ul li { font-size: 15px }
	.banner-social-icon .banner-icon1 { top: 20% }
	.banner-social-icon .banner-icon2 { right: 5% }
	.banner-social-icon .banner-icon4 { top: 61% }
	.banner-img-shape img { border: none; max-width: 200px }
}
@media only screen and (min-width:1800px) {
	.banner-shape-1 img { max-width: 100%; height: auto }
	.home-shape .shape1 { position: absolute; top: 73%; left: 10% }
	.home-shape .shape2 { position: absolute; top: 25%; left: 3% }
	.home-shape .shape3 { position: absolute; top: 17%; left: 23% }
	.home-shape .shape4 { position: absolute; top: 43%; left: 48% }
	.home-shape .shape6 { position: absolute; top: 15%; right: 48% }
	.home-shape .shape7 { position: absolute; top: 6%; right: 10% }
	.about-shape { position: absolute; top: 0; right: 0 }
	.about-shape img { max-width: 100%; height: auto }
	.member-shape { top: -400px }
	.member-shape img { height: auto; max-width: 100% }
	.shape-left img { max-width: 100%; height: auto }
	.shape-right { position: absolute; top: -50px; right: 0; z-index: -1 }
	.shape-right img { max-width: 100%; height: auto }
	.bg-footer { border-radius: 50% 0 0 0 }
	.bg-footer::before { top: -50px }
	.banner-img-shape { position: absolute; top: 70px; right: 30px }
	.banner-img-shape img { max-width: 100% }
	.service-shape1 img { max-width: 100%; height: 970px }
	.about-ml { margin-bottom: 30px; margin-left: 100px }
	.about-ml img { width: 100% }
}
@media only screen and (min-width:1200px) and (max-width:1349px) {
    .main-nav .container { max-width: 1220px !important }
	.container { max-width: 1170px !important }
	.blog-card .blog-content { width: 95%; padding-left: 20px; padding-right: 20px }
	.blog-card .blog-content .blog-tag { left: 20px }
}
@media only screen and (min-width:1350px) and (max-width:1699px) {
	.container { max-width: 1320px !important }
	.banner-text { max-width: 630px }
	.banner-text h1 { font-size: 63px }
	.banner-text p { max-width: 600px }
	.banner-content h1 { font-size: 65px }
	.head-width { max-width: 520px }
	.banner-img-2 img { width: 100% }
	.about-content.about-width { }
	.about-ml img { width: 100% }
}
@media only screen and (min-width:1700px) {
	.container { max-width: 1440px !important }
	.banner-text { max-width: 690px }
	.banner-text h1 { font-size: 63px }
	.banner-content h1 { font-size: 65px }
	.banner-img-2 img { width: 100% }
	.banner-img-3 { margin-top: 120px }
	.head-width { max-width: 510px }
	.about-content { margin-left: 0 }
	.about-content.about-width { max-width: 670px }
	.about-img-2 { max-width: 630px; margin-top: 0 }
	.about-img-2 .about-man::before { width: 97%; height: 95%; top: 35px }
	.about-img-2 .about-man img { height: 100%; margin-top: 0 }
	.faq-img img { height: auto }
}
@media only screen and (max-width:991px) {
	.mobile-nav { display: block; position: relative; height: 72px; }
	.mobile-nav .logo { text-decoration: none; position: absolute; top: 6px; z-index: 999; left: 15px; color: #fff; font-weight: 700; text-transform: uppercase; font-size: 20px }
	.mean-container .mean-bar { background-color: #fff; padding: 0 }
	.mean-container a.meanmenu-reveal {padding: 23px 15px 0 0;margin-top: -8px}
	.mobile-nav nav .navbar-nav .nav-item a i { display: none }
	.main-nav { display: none !important }
}



@media only screen and (max-width:991.98px) {
	.client-slider{padding: 0 16px;}
	.menu-btn-mob { padding: 16px; float: left; border-top: 1px solid #dbeefd;width: 92%; }
	.menu-btn-mob .default-btn { color: #fff !important; text-align: center !important; padding: 10px 16px !important; }
	.menu-btn-mob .default-btn + .default-btn { margin-top: 12px; margin-bottom: 2px !important; }
	.menu-btn-mob .default-btn.active { border: 1px solid #4356d6 !important; color: #4356d6 !important; }
	.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 3px 4px;
}
}


@media only screen and (max-width:767.98px) {
	.common-catagory, .side-form-area { padding: 20px 24px; }
	.banner-slide { min-height: 590px; }
	.banner-slide-text h1, .banner-slide-text h2 { font-size: 38px; line-height: 42px; margin-bottom: 20px; }
	.banner-slide-text { padding-left: 20px; margin-bottom: 20px; }
	.banner-slide-text::before { width: 6px; }
	.banner-slide-img-outer { padding: 0 12px; }
	.banner-slide-img img { animation: none; }
	.btm-title h2 { font-size: 24px; }
	.ptb-50 { padding: 40px 0; }
	.btm-bottom h5 { font-size: 18px; }
	.btm-bottom-ul { justify-content: center !important; }
	.btm-bottom-box i { font-size: 24px; width: 70px; height: 70px; margin: 0 auto; margin-bottom: 10px; }
	.btm-bottom-box:hover i{font-size: 36px;}
	.btm-bottom-box h6 { font-size: 15px; }
	.btm-bottom-li { width: 100%; }
	.grecaptcha-badge { display: none !important;}
    #toTop {     bottom: 115px;
    right: 5px;
} 
}