@media only screen and (min-width:1600px) and (max-width:1799px) {
}

@media only screen and (min-width:1400px) and (max-width:1599px) {
.navbar-brand{width: 200px;}
.navbar-brand img{width: 100%;}
.navbar-brand img.hiring{width: auto;}

.header .menu ul li a{padding: 0 8px;}
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
.navbar-brand{width: 200px;}
.navbar-brand img{width: 100%;}
.navbar-brand img.hiring{width: auto;}

.header .menu ul li a{padding: 0 6px; font-size: 12px;}

.home-ban .ban-text{width: 1140px;}
.home-ban .ban-text .review-block .review ul li{font-size: 14px;}
.home-ban .ban-text .review-block .review ul li:nth-child(1){width: 35%;}
.home-ban .ban-text .review-block .review ul li:nth-child(3){width: 25%;}

h2{font-size: 34px;}

.home-about .head .right h3{width: 50%;}

.what-we .box{padding: 20px;}
.what-we .box h3{min-height: 58px;}

.our-target .box{padding: 20px;}

.testimonials ul li .right{width: 70%;}

.certificate .left ul li img{height: 100px;}

.case-studies .swiper-slide .right .blue-btn, .case-studies .swiper-slide .right  .white-btn{font-size: 14px;}

.ban-in .ban-text{width: 1140px;}

.aboutus .left .prifile .text{width: 50%;}
.meet-team .bx-wrapper{width: 1116px; margin: 0 auto}
.meet-team ul li{width: 352px !important}
.meet-team .bx-wrapper .bx-prev {left: -10px;}
.meet-team .bx-wrapper .bx-next {right: -10px;}
.vision-mission ul li h3{font-size: 40px;}

.blog-ban .ban-search{top: 40px}
.blog-ban .ban-search h2 {font-size: 30px; line-height: 38px;}
.ban-in.blog-ban .ban-text .left h1 {font-size: 26px; line-height: 46px;}
.blog-free-quote form .input{width: 220px;}

.blog-detail .right .acton h3{width: 40%;}
}

/** 5.0 - 1200 - Desktop **/
@media only screen and (min-width:992px) and (max-width:1199px) {
.navbar-brand{width: 180px; padding: 16px 0}
.navbar-brand img{width: 100%;}
.navbar-brand img.hiring{height: 70px; width: auto; right: -90px;}
.navbar-header{width: 100%;}
.header .menu ul li a{padding: 0 10px;}
.header .menu ul li.call a{padding-left: 10px}
.header .menu ul li.call a img{display: none}

.home-ban .ban-text{width: 960px;}
.home-ban .ban-text .left h1 {font-size: 34px; line-height: 52px;}

h2{font-size: 30px; line-height: 42px;}

.home-about .head .right h3 span{font-size: 30px;}

.what-we .box{padding: 20px; min-height: 750px}
.what-we .box span{min-height: 52px;}

.targeted-audience ul li{width: 31%;}

.get-audit .right{width: 32%;}

.case-studies .swiper-slide{width: 70%; flex-wrap: wrap;}
.case-studies .swiper-slide .left, .case-studies .swiper-slide .right{width: 100%;}
.case-studies .swiper-slide .left{margin: 0 0 20px;}
.case-studies .swiper-slide .right h3{font-size: 25px;}
.case-studies .swiper-slide .right h4{font-size: 16px;}
.case-studies .swiper-container{height: 1410px;}
.case-studies .swiper-slide .right .blue-btn, .case-studies .swiper-slide .right .white-btn{margin: 5px 0; width: 100%; text-align: center}

.free-quote .box h3{font-size: 30px;}
.free-quote .box .right ul{margin: 40px 0 0}
.free-quote .box .right a{font-size: 15px;}

.our-process ul li{padding: 30px 20px;}

.testimonials ul li .right{width: 70%;}

.lead{padding: 0 150px;}

.ban-in .ban-text{width: 960px;}

.case-study-list ul li .text{padding: 20px;}
.case-study-list ul li .text .view{right: 20px; top: 20px;}

.aboutus .left .prifile .text{width: 100%;}
.meet-team .bx-wrapper{width: 936px; margin: 0 auto}
.meet-team ul li{width: 292px !important}
.meet-team .bx-wrapper .bx-prev {left: -10px;}
.meet-team .bx-wrapper .bx-next {right: -10px;}
.vision-mission ul li h3{font-size: 40px;}

.blog-ban .ban-search{top: 40px}
.blog-ban .ban-search h2 {font-size: 30px; line-height: 38px;}
.ban-in.blog-ban .ban-text .left h1 {font-size: 26px; line-height: 46px;}
.blog-free-quote form .input{width: 190px;}

.blog-detail-ban .ban-search{padding-bottom: 20px;}
.blog-detail-ban .ban-search h2{font-size: 30px; line-height: 38px;}
.blog-detail-ban .ban-text h1{font-size: 26px; line-height: 46px;}
.blog-detail .right .acton h3{width: 80%;}

.common-inner .common-ban{margin-top: -121.41px;}
}

/** 7.0 - 768 - iPad **/
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header .menu ul li {display: initial;}
.navbar-brand{width: 180px; padding: 16px 0}
.navbar-brand img{width: 100%;}
.navbar-brand img.hiring{height: 70px; width: auto; right: -90px;}
.navbar-header{width: 100%;}

.home-ban .ban-text{width: 100%; padding: 40px 0;}
.home-ban .ban-text .left, .home-ban .ban-text .right{width: 100%;}
.home-ban .ban-text .left{margin: 0 0 20px; text-align: center}
.home-ban .ban-text .left h1 {font-size: 26px; line-height: 36px;}
.home-ban .ban-text .right .play-icon{display: none}
.home-ban .ban-text .right ul{width: 100%; margin: 0}
.home-ban .ban-text .right ul li{width: 48%; margin: 1%; float: left; padding: 30px 10px}
.home-ban .ban-text .right ul:nth-child(3), .home-ban .ban-text .right ul:nth-child(4){margin-top: 0px;}
.home-ban .ban-text .right ul:nth-child(4) li{width: 100%; margin: 0}
.home-ban .ban-text .review-block .google-partner{width: 100%; text-align: center; padding: 20px; margin: 0;}
.home-ban .ban-text .review-block .google-partner img{float: none; margin: 0 0 10px;}
.home-ban .ban-text .review-block .review{width: 100%; padding: 20px}
.home-ban .ban-text .review-block .review ul{flex-wrap: wrap;}
.home-ban .ban-text .review-block .review ul li:nth-child(1), .home-ban .ban-text .review-block .review ul li:nth-child(2), .home-ban .ban-text .review-block .review ul li:nth-child(3){width: 100%; text-align: center}
.home-ban .ban-text .review-block .review ul li:nth-child(3) .play-icon{position: relative; top: 0; left: 0; transform: translate(0%,0%); -webkit-transform: translate(0%,0%); margin: 0 auto} 
.home-ban .ban-text .review-block .review ul li:nth-child(2){margin: 20px 0}


#content .row-am{padding: 40px 0}
h2{font-size: 26px; line-height: 32px;}

.home-about .head .left, .home-about .right{width: 100%;}
.home-about .head .left{padding: 0; text-align: center}
.home-about .head .left span{transform: inherit;left: auto;top: auto;position: relative; margin: 0 0 12px;}
.home-about .head .right{flex-wrap: wrap; text-align: center; justify-content: center;}
.home-about .head .right h3{width: 100%; margin: 20px 0}
.home-about .body .left{width: 100%; border: none;padding: 20px 0;}
.home-about .body .right{width: 100%;}
.home-about .body .right .video{padding: 20px 0}
.home-about .body .right .team-exp{margin: 20px 0; flex-wrap: wrap;}
.home-about .body .right .team-exp .team{width: 100%; border-right: none; border-bottom: 5px solid #ffffff}
.home-about .body .right .team-exp .experience{width: 100%; text-align: center}

.what-we .clearfix{display: flex; overflow: auto;}
.what-we .box{width: auto; padding: 20px}
.what-we .box h3{width: 320px;}
.what-we .box:nth-child(3n+3){margin-right: 2%;}

.targeted-audience ul li{width: 47%; margin: 10px 1%}

.our-target .head .left, .our-target .head .right{width: 100%;}
.our-target .head .left{margin: 0 0 20px;}
.our-target .target-box{display: flex; overflow: auto;}
.our-target .box{width: auto; padding: 20px;}
.our-target .box h3{width: 320px;}

.our-packages .package-box{display: flex; overflow: auto;}
.our-packages .box{width: auto;}
.our-packages .box h3{width: 320px;}
.our-packages .box img{position: relative}

.get-audit .left{width: 100%; margin: 0 0 20px;}
.get-audit .right{width: 100%;}

.ultimate-things ul{display: flex; overflow: auto;}
.ultimate-things ul li{width: auto; padding-bottom: 40px;}
.ultimate-things ul li h4{width: 190px; }

.usp{flex-wrap: wrap;}
.usp .left, .usp .right{width: 100%;}
.usp .right ul li img{display: none}
.usp .right ul li{font-size: 15px;}

.usp2 ul{display: flex; overflow: auto;}
.usp2 ul li{width: auto;}
.usp2 ul li h4{width: 260px;}

.case-studies .swiper-slide{width: 70%; flex-wrap: wrap; padding: 15px;}
.case-studies .swiper-slide .left, .case-studies .swiper-slide .right{width: 100%;}
.case-studies .swiper-slide .left{margin: 0 0 20px;}
.case-studies .swiper-slide .right h3{font-size: 25px;}
.case-studies .swiper-slide .right h4{font-size: 16px;}
.case-studies .swiper-container{height: 1300px;}
.case-studies .swiper-slide .right .blue-btn, .case-studies .swiper-slide .right .white-btn{margin: 5px 0; width: 100%; text-align: center}

.get-audit2 .left, .get-audit2 .right{width: 100%;}
.get-audit2 .left{margin: 0 0 20px;}

.free-quote .box .left, .free-quote .box .right{width: 100%;}
.free-quote .box .left{padding-right: 0; border: none; margin: 0 0 20px;}
.free-quote .box h3{font-size: 20px; display: flex; align-items: center; flex-wrap: wrap;}

.our-process ul{display: flex; overflow: auto; padding: 20px 0;}
.our-process ul li{width: auto;}
.our-process ul li h4{width: 220px;}

.testimonials ul li .left, .testimonials ul li .right{width: 100%;}
.testimonials ul li .left{margin: 0 0 20px;}
.testimonials ul li .right p{font-size: 18px; line-height: 28px;}
.testimonials .bx-wrapper .bx-controls-direction a{display: none}
.testimonials .bx-wrapper .bx-pager{display: block; width: 560px}
.testimonials .bx-wrapper .bx-pager.bx-default-pager a:hover, .testimonials .bx-wrapper .bx-pager.bx-default-pager a.active, .testimonials .bx-wrapper .bx-pager.bx-default-pager a:focus{background: #FFF}

.faq .left, .faq .right{width: 100%;}
.faq .accordion2 dt{font-size: 16px; line-height: 26px;}
.latest-updates ul li{width: 100%; margin: 0 0 20px;}
.certificate .left, .certificate .right{width: 100%;}
.certificate .left{margin: 0 0 20px;}

footer .footer3 h4 img{float: none;}
footer .footer3 .col-md-3{width: 50%; margin: 0 0 20px}

footer .footer1 .links{width: 50%; margin: 0 0 20px}
footer .footer1 .links ul li{padding: 0}
footer .footer1 .links ul li::before{display: none}
footer .footer2 .container{flex-wrap: wrap;}
footer .footer2 .left, footer .footer2 .center, footer .footer2 .right{width: 100%; text-align: center}
footer .footer2 .right ul{display: table; margin: 0 auto}

.lead{padding: 0}

.ban-in .ban-text{width: 100%; flex-wrap: wrap;}
.ban-in .ban-text .left, .ban-in .ban-text .right{width: 100%;}
.ban-in .ban-text .left{padding-top: 50px;}

.welcome-seo .container{flex-wrap: wrap;}
.welcome-seo .left, .welcome-seo .right{width: 100%;}
.welcome-seo .left{margin: 0 0 30px;}

.seo-services .box{width: 100%; margin: 0 0 30px; padding: 30px;}
.seo-services .box img{position: relative; top: auto; left: auto; margin: 0 0 20px;}
.seo-packages .package-box{overflow: auto}
.seo-packages .table{width: 1000px;}

.roi-with .box{flex-wrap: wrap;}
.roi-with .text{width: 100%; margin: 20px 0 0; text-align: center;}
.roi-with .blue-btn{margin: 0 0 10px;}

.free-quote .box .left .blue-btn{width: 100%;}

.case-study-list ul li{width: 100%; margin: 0 0 30px;}

.aboutus .left, .aboutus .right{width: 100%;}
.aboutus .left .prifile .text{width: 100%;}
.aboutus .left ul li{ margin: 0 0 20px;}
.meet-team .bx-wrapper{width: 696px; margin: 0 auto}
.meet-team ul li{width: 333px !important}
.meet-team .bx-wrapper .bx-prev {left: -30px;}
.meet-team .bx-wrapper .bx-next {right: -30px;}
.vision-mission ul li{width: 100%; margin: 0 0 20px;}
.vision-mission ul li h3{font-size: 30px;}
.our-skill .left, .our-skill .right{width: 100%;}

.global-presence ul{gap: 4%}
.global-presence ul li{width: 48%; margin: 0 0 20px;}

.blog-free-quote form{justify-content: center; gap: 20px;}
.blog-ban .ban-search{top: auto; padding-bottom: 40px;}
.blog-ban .ban-search h2 {font-size: 30px; line-height: 38px;}
.blog-free-quote form .input{margin: 10px 0; width: 100%;}
.blog-free-quote form .submit{width: 100%;}
.blog ul li{width: 100%;}

.blog-detail-ban .ban-search{padding-bottom: 20px;}
.blog-detail-ban .ban-search h2{font-size: 30px; line-height: 38px;}
.blog-detail-ban form .input{width: 100%;}
.blog-detail-ban form .submit{width: 100%;}
.blog-detail-ban .ban-text .text{margin: 0 0 20px;}
.blog-detail-ban .ban-text h1{font-size: 36px; line-height: 56px;}
.blog-detail .img {margin: -200px 0 40px;}
.blog-detail .left, .blog-detail .right{width: 100%;}
.blog-detail .left{margin: 0 0 20px;}
.blog-detail .right h3 {font-size: 22px;}
.blog-detail .right .text h4{font-size: 18px; line-height: 26px;}
.blog-detail .right .acton h3{width: 80%;}
.blog-detail .right .acton .btn-group a{font-size: 14px;}
.blog-detail .right .acton .btn-group {display: flex; gap: 20px;}

.common-inner .common-ban .ban-text h1{font-size: 32px; line-height: 42px;}
.why-choose2 .usp .left{min-height: 500px;}
.work-with .left, .work-with .right{width: 100%;}
.work-with .left{margin: 0 0 20px;}
.photo-gallery ul li{width: 49%; margin: 0 0 20px}
.perks-benefits ul li{width: 100%; margin: 0 0 20px; border-left: none; border-top: 1px solid #d6ddf2; padding: 20px 0 0 ;}
}

/** 8.0 - 640 - Mobile **/
@media only screen and (min-width: 640px) and (max-width: 767px) {
.header .menu ul li {display: initial;}
.navbar-brand{width: 180px; padding: 16px 0}
.navbar-brand img{width: 100%;}
.navbar-brand img.hiring{height: 70px; width: auto; right: -90px;}
.navbar-header{width: 100%;}

.home-ban .ban-text{width: 100%; padding: 40px 0;}
.home-ban .ban-text .left, .home-ban .ban-text .right{width: 100%;}
.home-ban .ban-text .left{margin: 0 0 20px; text-align: center}
.home-ban .ban-text .left h1 {font-size: 26px; line-height: 36px;}
.home-ban .ban-text .right .play-icon{display: none}
.home-ban .ban-text .right ul{width: 100%; margin: 0}
.home-ban .ban-text .right ul li{width: 48%; margin: 1%; float: left; padding: 30px 10px}
.home-ban .ban-text .right ul li:last-child{width: 100%; margin: 0}
.home-ban .ban-text .review-block .google-partner{width: 100%; text-align: center; padding: 20px; margin: 0;}
.home-ban .ban-text .review-block .google-partner img{float: none; margin: 0 0 10px;}
.home-ban .ban-text .review-block .review{width: 100%; padding: 20px}
.home-ban .ban-text .review-block .review ul{flex-wrap: wrap;}
.home-ban .ban-text .review-block .review ul li:nth-child(1), .home-ban .ban-text .review-block .review ul li:nth-child(2), .home-ban .ban-text .review-block .review ul li:nth-child(3){width: 100%; text-align: center}
.home-ban .ban-text .review-block .review ul li:nth-child(3) .play-icon{position: relative; top: 0; left: 0; transform: translate(0%,0%); -webkit-transform: translate(0%,0%); margin: 0 auto} 
.home-ban .ban-text .review-block .review ul li:nth-child(2){margin: 20px 0}

#content .row-am{padding: 40px 0}
h2{font-size: 26px; line-height: 32px;}

.home-about .head .left, .home-about .right{width: 100%;}
.home-about .head .left{padding: 0; text-align: center}
.home-about .head .left span{transform: inherit;left: auto;top: auto;position: relative; margin: 0 0 12px;}
.home-about .head .right{flex-wrap: wrap; text-align: center; justify-content: center;}
.home-about .head .right h3{width: 100%; margin: 20px 0}
.home-about .body .left{width: 100%; border: none;padding: 20px 0;}
.home-about .body .right{width: 100%;}
.home-about .body .right .video{padding: 20px 0}
.home-about .body .right .team-exp{margin: 20px 0; flex-wrap: wrap;}
.home-about .body .right .team-exp .team{width: 100%; border-right: none; border-bottom: 5px solid #ffffff}
.home-about .body .right .team-exp .experience{width: 100%; text-align: center}

.what-we .clearfix{display: flex; overflow: auto;}
.what-we .box{width: auto; padding: 20px}
.what-we .box h3{width: 320px;}
.what-we .box:nth-child(3n+3){margin-right: 2%;}
.free-quote .box .c-right{text-align: left; margin: 20px 0 0}

.targeted-audience ul li{width: 100%; margin: 10px 0}

.our-target .head .left, .our-target .head .right{width: 100%;}
.our-target .head .left{margin: 0 0 20px;}
.our-target .target-box{display: flex; overflow: auto;}
.our-target .box{width: auto; padding: 20px;}
.our-target .box h3{width: 320px;}

.our-packages .package-box{display: flex; overflow: auto;}
.our-packages .box{width: auto;}
.our-packages .box h3{width: 320px;}
.our-packages .box img{position: relative}

.get-audit .left{width: 100%; margin: 0 0 20px;}
.get-audit .right{width: 100%;}

.ultimate-things ul{display: flex; overflow: auto;}
.ultimate-things ul li{width: auto; padding-bottom: 40px;}
.ultimate-things ul li h4{width: 190px; }

.usp{flex-wrap: wrap;}
.usp .left, .usp .right{width: 100%;}
.usp .right ul li img{display: none}
.usp .right ul li{font-size: 15px;}

.usp2 ul{display: flex; overflow: auto;}
.usp2 ul li{width: auto;}
.usp2 ul li h4{width: 260px;}

.case-studies .swiper-slide{width: 70%; flex-wrap: wrap; padding: 15px;}
.case-studies .swiper-slide .left, .case-studies .swiper-slide .right{width: 100%;}
.case-studies .swiper-slide .left{margin: 0 0 20px;}
.case-studies .swiper-slide .right h3{font-size: 25px;}
.case-studies .swiper-slide .right h4{font-size: 16px;}
.case-studies .swiper-container{height: 1220px;}
.case-studies .swiper-slide .right .blue-btn, .case-studies .swiper-slide .right .white-btn{margin: 5px 0; width: 100%; text-align: center}

.get-audit2 .left, .get-audit2 .right{width: 100%;}
.get-audit2 .left{margin: 0 0 20px;}

.free-quote .box .left, .free-quote .box .right{width: 100%;}
.free-quote .box .left{padding-right: 0; border: none; margin: 0 0 20px;}
.free-quote .box h3{font-size: 20px; display: flex; align-items: center; flex-wrap: wrap;}

.our-process ul{display: flex; overflow: auto; padding: 20px 0;}
.our-process ul li{width: auto;}
.our-process ul li h4{width: 220px;}

.testimonials ul li .left, .testimonials ul li .right{width: 100%;}
.testimonials ul li .left{margin: 0 0 20px;}
.testimonials ul li{width: 410px !important}
.testimonials ul li .right p{font-size: 18px; line-height: 28px;}
.testimonials .bx-wrapper{width: 410px; padding: 0; margin: 0 auto;}
.testimonials .bx-wrapper .bx-controls-direction a{display: none}
.testimonials .bx-wrapper .bx-pager{display: block}
.testimonials .bx-wrapper .bx-pager.bx-default-pager a:hover, .testimonials .bx-wrapper .bx-pager.bx-default-pager a.active, .testimonials .bx-wrapper .bx-pager.bx-default-pager a:focus{background: #FFF}

.faq .left, .faq .right{width: 100%;}
.faq .accordion2 dt{font-size: 16px; line-height: 26px;}
.latest-updates ul li{width: 100%; margin: 0 0 20px;}
.certificate .left, .certificate .right{width: 100%;}
.certificate .left{margin: 0 0 20px;}

footer .footer3{text-align: center}
footer .footer3 h4 img{float: none;}
footer .footer3 .col-md-3{margin: 0 0 20px}

footer .footer1{text-align: center}
footer .footer1 h4::after{right: 0; margin: 0 auto}
footer .footer1 .links{margin: 0 0 20px;}
footer .footer1 .links ul li{padding: 0}
footer .footer1 .links ul li::before{display: none}
footer .footer2 .container{flex-wrap: wrap;}
footer .footer2 .left, footer .footer2 .center, footer .footer2 .right{width: 100%; text-align: center}
footer .footer2 .right ul{display: table; margin: 0 auto}

.mobile{display: block;}
.desktop{display: none;}

.lead{padding: 0}

.ban-in .ban-text{width: 100%; flex-wrap: wrap;}
.ban-in .ban-text .left, .ban-in .ban-text .right{width: 100%;}
.ban-in .ban-text .left{padding-top: 50px;}
.ban-in .ban-text .left h1 {font-size: 32px; line-height: 42px;}

.welcome-seo .container{flex-wrap: wrap;}
.welcome-seo .left, .welcome-seo .right{width: 100%;}
.welcome-seo .left{margin: 0 0 30px;}

.seo-services .box{width: 100%; margin: 0 0 30px; padding: 30px;}
.seo-services .box img{position: relative; top: auto; left: auto; margin: 0 0 20px;}
.seo-packages .package-box{overflow: auto}
.seo-packages .table{width: 1000px;}

.roi-with .box{flex-wrap: wrap;}
.roi-with .text{width: 100%; margin: 20px 0 0}
.roi-with .blue-btn{margin: 0 0 10px;}

.free-quote .box .left .blue-btn{width: 100%;}

.case-study-list ul li .text{padding: 20px;}
.case-study-list ul li .text .view{right: 20px; top: 20px;}
.case-study-list ul li{width: 100%; margin: 0 0 30px;}

.aboutus .left, .aboutus .right{width: 100%;}
.aboutus .left .prifile .text{width: 100%;}
.aboutus .left ul li{ margin: 0 0 20px;}
.meet-team .bx-wrapper{width: 456px; margin: 0 auto}
.meet-team ul li{width: 456px !important}
.meet-team .bx-wrapper .bx-prev {left: -30px;}
.meet-team .bx-wrapper .bx-next {right: -30px;}
.vision-mission ul li{width: 100%; margin: 0 0 20px;}
.vision-mission ul li h3{font-size: 30px;}
.our-skill .left, .our-skill .right{width: 100%;}

.global-presence ul{gap: 4%}
.global-presence ul li{width: 48%; margin: 0 0 20px;}

.blog-free-quote form{justify-content: center; gap: 20px;}
.blog-ban .ban-search{top: auto; padding-bottom: 40px;}
.blog-ban .ban-search h2 {font-size: 30px; line-height: 38px;}
.blog-free-quote form .input{margin: 10px 0; width: 100%;}
.blog-free-quote form .submit{width: 100%;}
.blog ul li{width: 100%;}

.blog-detail-ban .ban-search{padding-bottom: 20px;}
.blog-detail-ban .ban-search h2{font-size: 30px; line-height: 38px;}
.blog-detail-ban form .input{width: 100%;}
.blog-detail-ban form .submit{width: 100%;}
.blog-detail-ban .ban-text .text{margin: 0 0 20px;}
.blog-detail-ban .ban-text h1{font-size: 36px; line-height: 56px;}
.blog-detail .img {margin: -150px 0 40px;}
.blog-detail .left, .blog-detail .right{width: 100%;}
.blog-detail .left{margin: 0 0 20px;}
.blog-detail .right h3 {font-size: 22px;}
.blog-detail .right .text h4{font-size: 18px; line-height: 26px;}
.blog-detail .right .acton h3{width: 100%;}
.blog-detail .right .acton .btn-group a{font-size: 14px;}

.common-inner .common-ban .ban-text h1{font-size: 32px; line-height: 42px;}
.current-openings ul li{width: 100%; margin: 0 0 20px;}
.why-choose2 .usp .left{min-height: 500px;}
.work-with .left, .work-with .right{width: 100%;}
.work-with .left{margin: 0 0 20px;}
.photo-gallery ul li{width: 49%; margin: 0 0 20px}
.perks-benefits ul li{width: 100%; margin: 0 0 20px; border-left: none; border-top: 1px solid #d6ddf2; padding: 20px 0 0 ;}
}

/** 9.0 - 480 - Mobile **/
@media only screen and (min-width: 480px) and (max-width: 639px) {
.header .menu ul li {display: initial;}
.navbar-brand{width: 180px; padding: 16px 0}
.navbar-brand img{width: 100%;}
.navbar-brand img.hiring{height: 70px; width: auto; right: -90px;}
.navbar-header{width: 100%;}

.home-ban .ban-text{width: 100%; padding: 40px 0;}
.home-ban .ban-text .left, .home-ban .ban-text .right{width: 100%;}
.home-ban .ban-text .left{margin: 0 0 20px; text-align: center}
.home-ban .ban-text .left h1 {font-size: 26px; line-height: 36px;}
.home-ban .ban-text .right .play-icon{display: none}
.home-ban .ban-text .right ul{width: 100%; margin: 0}
.home-ban .ban-text .right ul li{width: 48%; margin: 1%; float: left; padding: 30px 10px}
.home-ban .ban-text .right ul li:last-child{width: 100%; margin: 0}
.home-ban .ban-text .review-block .google-partner{width: 100%; text-align: center; padding: 20px; margin: 0;}
.home-ban .ban-text .review-block .google-partner img{float: none; margin: 0 0 10px;}
.home-ban .ban-text .review-block .review{width: 100%; padding: 20px}
.home-ban .ban-text .review-block .review ul{flex-wrap: wrap;}
.home-ban .ban-text .review-block .review ul li:nth-child(1), .home-ban .ban-text .review-block .review ul li:nth-child(2), .home-ban .ban-text .review-block .review ul li:nth-child(3){width: 100%; text-align: center}
.home-ban .ban-text .review-block .review ul li:nth-child(3) .play-icon{position: relative; top: 0; left: 0; transform: translate(0%,0%); -webkit-transform: translate(0%,0%); margin: 0 auto} 
.home-ban .ban-text .review-block .review ul li:nth-child(2){margin: 20px 0}

#content .row-am{padding: 40px 0}
h2{font-size: 26px; line-height: 32px;}

.home-about .head .left, .home-about .right{width: 100%;}
.home-about .head .left{padding: 0; text-align: center}
.home-about .head .left span{transform: inherit;left: auto;top: auto;position: relative; margin: 0 0 12px;}
.home-about .head .right{flex-wrap: wrap; text-align: center; justify-content: center;}
.home-about .head .right h3{width: 100%; margin: 20px 0}
.home-about .body .left{width: 100%; border: none;padding: 20px 0;}
.home-about .body .right{width: 100%;}
.home-about .body .right .video{padding: 20px 0}
.home-about .body .right .team-exp{margin: 20px 0; flex-wrap: wrap;}
.home-about .body .right .team-exp .team{width: 100%; border-right: none; border-bottom: 5px solid #ffffff}
.home-about .body .right .team-exp .experience{width: 100%; text-align: center}

.what-we .clearfix{display: flex; overflow: auto;}
.what-we .box{width: auto; padding: 20px}
.what-we .box h3{width: 320px;}
.what-we .box:nth-child(3n+3){margin-right: 2%;}
.free-quote .box .c-right{text-align: left; margin: 20px 0 0}

.targeted-audience ul li{width: 100%; margin: 10px 0}

.our-target .head .left, .our-target .head .right{width: 100%;}
.our-target .head .left{margin: 0 0 20px;}
.our-target .target-box{display: flex; overflow: auto;}
.our-target .box{width: auto; padding: 20px;}
.our-target .box h3{width: 320px;}

.our-packages .package-box{display: flex; overflow: auto;}
.our-packages .box{width: auto;}
.our-packages .box h3{width: 320px;}
.our-packages .box img{position: relative}

.get-audit .left{width: 100%; margin: 0 0 20px;}
.get-audit .right{width: 100%;}

.ultimate-things ul{display: flex; overflow: auto;}
.ultimate-things ul li{width: auto; padding-bottom: 40px;}
.ultimate-things ul li h4{width: 190px; }

.usp{flex-wrap: wrap;}
.usp .left, .usp .right{width: 100%;}
.usp .right ul li img{display: none}
.usp .right ul li{font-size: 15px;}

.usp2 ul{display: flex; overflow: auto;}
.usp2 ul li{width: auto;}
.usp2 ul li h4{width: 260px;}

.case-studies .swiper-slide{width: 70%; flex-wrap: wrap; padding: 15px;}
.case-studies .swiper-slide .left, .case-studies .swiper-slide .right{width: 100%;}
.case-studies .swiper-slide .left{margin: 0 0 20px;}
.case-studies .swiper-slide .right h3{font-size: 25px;}
.case-studies .swiper-slide .right h4{font-size: 16px;}
.case-studies .swiper-container{height: 1150px;}
.case-studies .swiper-slide .right .blue-btn, .case-studies .swiper-slide .right .white-btn{margin: 5px 0; width: 100%; text-align: center}

.get-audit2 .left, .get-audit2 .right{width: 100%;}
.get-audit2 .left{margin: 0 0 20px;}

.free-quote .box .left, .free-quote .box .right{width: 100%;}
.free-quote .box .left{padding-right: 0; border: none; margin: 0 0 20px;}
.free-quote .box h3{font-size: 20px; display: flex; align-items: center; flex-wrap: wrap;}

.our-process ul{display: flex; overflow: auto; padding: 20px 0;}
.our-process ul li{width: auto;}
.our-process ul li h4{width: 220px;}

.testimonials ul li .left, .testimonials ul li .right{width: 100%;}
.testimonials ul li .left{margin: 0 0 20px;}
.testimonials ul li{width: 410px !important}
.testimonials ul li .right p{font-size: 18px; line-height: 28px;}
.testimonials .bx-wrapper{width: 410px; padding: 0; margin: 0 auto;}
.testimonials .bx-wrapper .bx-controls-direction a{display: none}
.testimonials .bx-wrapper .bx-pager{display: block}
.testimonials .bx-wrapper .bx-pager.bx-default-pager a:hover, .testimonials .bx-wrapper .bx-pager.bx-default-pager a.active, .testimonials .bx-wrapper .bx-pager.bx-default-pager a:focus{background: #FFF}

.faq .left, .faq .right{width: 100%;}
.faq .accordion2 dt{font-size: 16px; line-height: 26px;}
.latest-updates ul li{width: 100%; margin: 0 0 20px;}
.certificate .left, .certificate .right{width: 100%;}
.certificate .left{margin: 0 0 20px;}

footer .footer3{text-align: center}
footer .footer3 h4 img{float: none;}
footer .footer3 .col-md-3{margin: 0 0 20px}

footer .footer1{text-align: center}
footer .footer1 h4::after{right: 0; margin: 0 auto}
footer .footer1 .links{margin: 0 0 20px;}
footer .footer1 .links ul li{padding: 0}
footer .footer1 .links ul li::before{display: none}
footer .footer2 .container{flex-wrap: wrap;}
footer .footer2 .left, footer .footer2 .center, footer .footer2 .right{width: 100%; text-align: center}
footer .footer2 .right ul{display: table; margin: 0 auto}

.mobile{display: block;}
.desktop{display: none;}

.lead{padding: 0}

.ban-in .ban-text{width: 100%; flex-wrap: wrap;}
.ban-in .ban-text .left, .ban-in .ban-text .right{width: 100%;}
.ban-in .ban-text .left{padding-top: 50px;}
.ban-in .ban-text .left h1 {font-size: 32px; line-height: 42px;}

.welcome-seo .container{flex-wrap: wrap;}
.welcome-seo .left, .welcome-seo .right{width: 100%;}
.welcome-seo .left{margin: 0 0 30px;}

.seo-services .box{width: 100%; margin: 0 0 30px; padding: 30px;}
.seo-services .box img{position: relative; top: auto; left: auto; margin: 0 0 20px;}
.seo-packages .package-box{overflow: auto}
.seo-packages .table{width: 1000px;}

.roi-with .box{flex-wrap: wrap;}
.roi-with .text{width: 100%; margin: 20px 0 0}
.roi-with .blue-btn{margin: 0 0 10px;}

.free-quote .box .left .blue-btn{width: 100%;}

.case-study-list ul li .text{padding: 20px;}
.case-study-list ul li .text .view{right: 20px; top: 20px;}
.case-study-list ul li{width: 100%; margin: 0 0 30px;}

.aboutus .left, .aboutus .right{width: 100%;}
.aboutus .left .prifile .text{width: 100%;}
.aboutus .left ul{margin: 0 0 20px; gap: 0}
.aboutus .left ul li{width: 100%; margin: 0 0 20px;}
.meet-team .bx-wrapper{width: 456px; margin: 0 auto}
.meet-team ul li{width: 456px !important}
.meet-team .bx-wrapper .bx-prev {left: -10px;}
.meet-team .bx-wrapper .bx-next {right: -10px;}
.vision-mission ul li{width: 100%; margin: 0 0 20px;}
.vision-mission ul li h3{font-size: 30px;}
.our-skill .left, .our-skill .right{width: 100%;}

.global-presence ul li{width: 100%; margin: 0 0 20px;}

.blog-free-quote form{justify-content: center; gap: 20px;}
.blog-ban .ban-search{top: auto; padding-bottom: 40px;}
.blog-ban .ban-search h2 {font-size: 30px; line-height: 38px;}
.blog-free-quote form .input{margin: 10px 0; width: 100%;}
.blog-free-quote form .submit{width: 100%;}
.blog ul li{width: 100%;}

.blog-detail-ban .ban-search{padding-bottom: 20px;}
.blog-detail-ban .ban-search h2{font-size: 30px; line-height: 38px;}
.blog-detail-ban form .input{width: 100%;}
.blog-detail-ban form .submit{width: 100%;}
.blog-detail-ban .ban-text .text{margin: 0 0 20px;}
.blog-detail-ban .ban-text h1{font-size: 36px; line-height: 56px;}
.blog-detail .img {margin: -150px 0 40px;}
.blog-detail .left, .blog-detail .right{width: 100%;}
.blog-detail .left{margin: 0 0 20px;}
.blog-detail .right h3 {font-size: 22px;}
.blog-detail .right .text h4{font-size: 18px; line-height: 26px;}
.blog-detail .right .acton h3{width: 100%;}
.blog-detail .right .acton .btn-group a{font-size: 14px;}

.common-inner .common-ban .ban-text h1{font-size: 32px; line-height: 42px;}
.current-openings ul li{width: 100%; margin: 0 0 20px;}
.why-choose2 .usp .left{min-height: 500px;}
.work-with .left, .work-with .right{width: 100%;}
.work-with .left{margin: 0 0 20px;}
.photo-gallery ul li{width: 49%; margin: 0 0 20px}
.perks-benefits ul li{width: 100%; margin: 0 0 20px; border-left: none; border-top: 1px solid #d6ddf2; padding: 20px 0 0 ;}
}

@media only screen and (min-width: 377px) and (max-width: 479px) {
   .navbar-brand{width: 180px; padding: 16px 0} 
}

@media only screen and (min-width: 319px) and (max-width: 376px) {
    .navbar-brand {width: 130px; padding: 16px 0}
}

/** 10.0 - 320 - Mobile **/
@media only screen and (min-width: 320px) and (max-width: 479px) {
.header .menu ul li {display: initial;}

.navbar-brand img{width: 100%;}
.navbar-brand img.hiring{height: 70px; width: auto; right: -90px;}
.navbar-header{width: 100%;}

.home-ban .ban-text{width: 100%; padding: 40px 0;}
.home-ban .ban-text .left, .home-ban .ban-text .right{width: 100%;}
.home-ban .ban-text .left{margin: 0 0 20px; text-align: center}
.home-ban .ban-text .left h1 {font-size: 26px; line-height: 36px;}
.home-ban .ban-text .right .play-icon{display: none}
.home-ban .ban-text .right ul{width: 100%; margin: 0}
.home-ban .ban-text .right ul li{width: 48%; margin: 1%; float: left; padding: 30px 10px}
.home-ban .ban-text .right ul li:last-child{width: 100%; margin: 0}
.home-ban .ban-text .review-block .google-partner{width: 100%; text-align: center; padding: 20px; margin: 0;}
.home-ban .ban-text .review-block .google-partner img{float: none; margin: 0 0 10px;}
.home-ban .ban-text .review-block .review{width: 100%; padding: 20px}
.home-ban .ban-text .review-block .review ul{flex-wrap: wrap;}
.home-ban .ban-text .review-block .review ul li:nth-child(1), .home-ban .ban-text .review-block .review ul li:nth-child(2), .home-ban .ban-text .review-block .review ul li:nth-child(3){width: 100%; text-align: center}
.home-ban .ban-text .review-block .review ul li:nth-child(3) .play-icon{position: relative; top: 0; left: 0; transform: translate(0%,0%); -webkit-transform: translate(0%,0%); margin: 0 auto} 
.home-ban .ban-text .review-block .review ul li:nth-child(2){margin: 20px 0}
	.home-ban .ban-text .right ul li {
    width: 100%;
    margin: 1%;
    float: left;
    padding: 6px 10px;
    display: flex;
    align-items: center;
    align-content: center;
}
.home-ban .ban-text .right ul li img {
    /* margin: 0 0 20px; */
    margin: 10px 10px 10px 0px;
}
.home-ban .ban-text .right ul li span {
    min-height: unset;
	text-align: left;
}
#content .row-am{padding: 40px 0}
h2{font-size: 26px; line-height: 32px;}

.home-about .head .left, .home-about .right{width: 100%;}
.home-about .head .left{padding: 0; text-align: center}
.home-about .head .left span{transform: inherit;left: auto;top: auto;position: relative; margin: 0 0 12px;}
.home-about .head .right{flex-wrap: wrap; text-align: center; justify-content: center;}
.home-about .head .right h3{width: 100%; margin: 20px 0}
.home-about .body .left{width: 100%; border: none;padding: 20px 0;}
.home-about .body .right{width: 100%;}
.home-about .body .right .video{padding: 20px 0}
.home-about .body .right .team-exp{margin: 20px 0; flex-wrap: wrap;}
.home-about .body .right .team-exp .team{width: 100%; border-right: none; border-bottom: 5px solid #ffffff}
.home-about .body .right .team-exp .experience{width: 100%; text-align: center}

.what-we .clearfix{display: flex; overflow: auto;}
.what-we .box{width: auto; padding: 20px}
.what-we .box h3{width: 260px;}
.what-we .box:nth-child(3n+3){margin-right: 2%;}

.targeted-audience ul li{width: 100%; margin: 10px 0}

.our-target .head .left, .our-target .head .right{width: 100%;}
.our-target .head .left{margin: 0 0 20px;}
.our-target .target-box{display: flex; overflow: auto;}
.our-target .box{width: auto; padding: 20px;}
.our-target .box h3{width: 260px;}

.our-packages .package-box{display: flex; overflow: auto;}
.our-packages .box{width: auto;}
.our-packages .box h3{width: 260px;}
.our-packages .box img{position: relative}

.get-audit .left{width: 100%; margin: 0 0 20px;}
.get-audit .right{width: 100%;}

.ultimate-things ul{display: flex; overflow: auto;}
.ultimate-things ul li{width: auto; padding-bottom: 40px;}
.ultimate-things ul li h4{width: 190px; }

.usp{flex-wrap: wrap;}
.usp .left, .usp .right{width: 100%;}
.usp .right ul li img{display: none}
.usp .right ul li {
    padding: 22px 20px 20px;
}
.usp .right ul li{font-size: 15px;}

.usp2 ul{display: flex; overflow: auto;}
.usp2 ul li{width: auto;}
.usp2 ul li h4{width: 260px;}

.case-studies .swiper-slide{width: 70%; flex-wrap: wrap; padding: 15px;}
.case-studies .swiper-slide .left, .case-studies .swiper-slide .right{width: 100%;}
.case-studies .swiper-slide .left{margin: 0 0 20px;}
.case-studies .swiper-slide .right h3{font-size: 25px;}
.case-studies .swiper-slide .right h4{font-size: 16px;}
.case-studies .swiper-container{height: 1150px;}
.case-studies .swiper-slide .right .blue-btn, .case-studies .swiper-slide .right .white-btn{margin: 5px 0; width: 100%; text-align: center}

.get-audit2 .left, .get-audit2 .right{width: 100%;}
.get-audit2 .left{margin: 0 0 20px;}

.free-quote .box .left, .free-quote .box .right{width: 100%;}
.free-quote .box .left{padding-right: 0; border: none; margin: 0 0 20px;}
.free-quote .box h3{font-size: 20px; display: flex; align-items: center; flex-wrap: wrap;}
.free-quote .box .c-right{text-align: left; margin: 20px 0 0}

.our-process ul{display: flex; overflow: auto; padding: 20px 0;}
.our-process ul li{width: auto;}
.our-process ul li h4{width: 220px;}

.testimonials ul li .left, .testimonials ul li .right{width: 100%;}
.testimonials ul li .left{margin: 0 0 20px;}
.testimonials ul li{width: 320px !important}
.testimonials ul li .right p{font-size: 18px; line-height: 28px;}
.testimonials .bx-wrapper{width: 320px; padding: 0; margin: 0 auto;}
.testimonials .bx-wrapper .bx-controls-direction a{display: none}
.testimonials .bx-wrapper .bx-pager{display: block}
.testimonials .bx-wrapper .bx-pager.bx-default-pager a:hover, .testimonials .bx-wrapper .bx-pager.bx-default-pager a.active, .testimonials .bx-wrapper .bx-pager.bx-default-pager a:focus{background: #FFF}

.faq .left, .faq .right{width: 100%;}
.faq .accordion2 dt{font-size: 16px; line-height: 26px;}
.latest-updates ul li{width: 100%; margin: 0 0 20px;}
.certificate .left, .certificate .right{width: 100%;}
.certificate .left{margin: 0 0 20px;}

footer .footer3{text-align: center}
footer .footer3 h4 img{float: none;}
footer .footer3 .col-md-3{margin: 0 0 20px}

footer .footer1{text-align: center}
footer .footer1 h4::after{right: 0; margin: 0 auto}
footer .footer1 .links{margin: 0 0 20px;}
footer .footer1 .links ul li{padding: 0}
footer .footer1 .links ul li::before{display: none}
footer .footer2 .container{flex-wrap: wrap;}
footer .footer2 .left, footer .footer2 .center, footer .footer2 .right{width: 100%; text-align: center}
footer .footer2 .right ul{display: table; margin: 0 auto}

.mobile{display: block;}
.desktop{display: none;}

.lead{padding: 0}

.ban-in .ban-text{width: 100%; flex-wrap: wrap;}
.ban-in .ban-text .left, .ban-in .ban-text .right{width: 100%;}
.ban-in .ban-text .left{padding-top: 50px;}
.ban-in .ban-text .left h1 {font-size: 32px; line-height: 42px;}

.welcome-seo .container{flex-wrap: wrap;}
.welcome-seo .left, .welcome-seo .right{width: 100%;}
.welcome-seo .left{margin: 0 0 30px;}

.seo-services .box{width: 100%; margin: 0 0 30px; padding: 30px;}
.seo-services .box img{position: relative; top: auto; left: auto; margin: 0 0 20px;}
.seo-packages .package-box{overflow: auto}
.seo-packages .table{width: 1000px;}

.roi-with .box{flex-wrap: wrap;}
.roi-with .text{width: 100%; margin: 20px 0 0}
.roi-with .blue-btn{margin: 0 0 10px;}

.free-quote .box .left .blue-btn{width: 100%;}

.case-study-list ul li .text{padding: 20px;}
.case-study-list ul li .text .view{right: 20px; top: 20px;}
.case-study-list ul li{width: 100%; margin: 0 0 30px;}

.aboutus .left, .aboutus .right{width: 100%;}
.aboutus .left .prifile .text{width: 100%;}
.aboutus .left ul{margin: 0 0 20px; gap: 0}
.aboutus .left ul li{width: 100%; margin: 0 0 20px;}
.meet-team .bx-wrapper{width: 336px; margin: 0 auto}
.meet-team ul li{width: 336px !important}
.meet-team .bx-wrapper .bx-prev {left: -10px;}
.meet-team .bx-wrapper .bx-next {right: -10px;}
.vision-mission ul li{width: 100%; margin: 0 0 20px;}
.vision-mission ul li h3{font-size: 30px;}
.our-skill .left, .our-skill .right{width: 100%;}

.global-presence ul li{width: 100%; margin: 0 0 20px;}

.blog-free-quote form{justify-content: center; gap: 20px;}
.blog-ban .ban-search{top: auto; padding-bottom: 40px;}
.blog-ban .ban-search h2 {font-size: 30px; line-height: 38px;}
.blog-free-quote form .input{margin: 10px 0; width: 100%;}
.blog-free-quote form .submit{width: 100%;}
.blog ul li{width: 100%;}

.blog-detail-ban .ban-search{padding-bottom: 20px;}
.blog-detail-ban .ban-search h2{font-size: 30px; line-height: 38px;}
.blog-detail-ban form .input{width: 100%;}
.blog-detail-ban form .submit{width: 100%;}
.blog-detail-ban .ban-text .text{margin: 0 0 20px;}
.blog-detail-ban .ban-text h1{font-size: 36px; line-height: 56px;}
.blog-detail .img {margin: -110px 0 40px;}
.blog-detail .left, .blog-detail .right{width: 100%;}
.blog-detail .left{margin: 0 0 20px;}
.blog-detail .right h3 {font-size: 22px;}
.blog-detail .right .text h4{font-size: 18px; line-height: 26px;}
.blog-detail .right .acton h3{width: 100%;}
.blog-detail .right .acton .btn-group a{font-size: 14px;}

.common-inner .common-ban .ban-text h1{font-size: 32px; line-height: 42px;}
.current-openings ul li{width: 100%; margin: 0 0 20px;}
.why-choose2 .usp .left{min-height: 500px;}
.work-with .left, .work-with .right{width: 100%;}
.work-with .left{margin: 0 0 20px;}
.photo-gallery ul li{width: 49%; margin: 0 0 20px}
.perks-benefits ul li{width: 100%; margin: 0 0 20px; border-left: none; border-top: 1px solid #d6ddf2; padding: 20px 0 0 ;}
}