@media only screen and (max-width:767px){
.ptb-100{
padding-top:50px;
padding-bottom:50px
}

.pt-100{
padding-top:50px
}

.ptb-70{
padding-top:20px;
padding-bottom:50px
}

.pb-100{
padding-bottom:50px
}

.pt-70{
padding-top:30px
}

.pb-70{
padding-bottom:20px
}

.pt-45{
padding-top:30px
}

.ml-20{
margin-left:10px
}

.ml-25{
margin-left:0
}

.mr-20{
margin-right:0
}

.mt-30{
margin-top:0
}

.default-btn{
padding:8px 18px
}

.section-title span{
font-size:14px
}

.section-title h2{
font-size:26px;
margin-top:0
}

.section-title p{
margin-left:auto;
margin-right:auto
}

h3{
font-size:18px
}

.top-left-side{
text-align:center
}

.top-left-side .top-header-text{
margin-left:auto;
margin-right:auto
}

.top-left-side .top-header-text::before{
display:none
}

.top-left-side .top-header-text p{
font-size:15px;
margin-bottom:5px
}

.top-header-right{
float:none;
text-align:center;
margin-top:5px
}

.top-header-right .language-list{
margin-left:0;
margin-right:0;
margin-top:5px
}

.top-header-right .language-list::before{
display:none
}

.top-head-left{
margin-top:3px;
float:none;
text-align:center
}

.side-nav-responsive{
display:block
}

.d-display{
display:none
}

.mobile-nav .logo img{
max-width:140px
}

.search-overlay .search-form{
max-width:100%;
width:100%
}

.search-overlay .search-form form .input-search{
height:50px;
padding:0 0 0 15px
}

.search-overlay .search-form form button{
position:absolute;
right:5px;
top:5px;
width:40px;
height:40px;
font-size:18px;
line-height:35px
}

.banner-slider-area{
position:relative
}

.banner-slider-area .owl-dots{
display:inline-block;
right:0;
left:0;
top:auto;
bottom:55px;
-webkit-transform:translateY(0%);
transform:translateY(0%)
}

.banner-slider-area .owl-dots .owl-dot span{
margin:7px;
width:30px!important;
height:30px!important
}

.banner-slider-area .owl-dots .owl-dot.active span{
width:30px!important;
height:30px!important
}

.banner-slider-area .owl-dots .owl-dot:hover span{
width:30px!important;
height:30px!important
}

.banner-item-content{
padding-top:140px;
padding-bottom:130px
}

.banner-item-content span{
font-size:15px;
font-weight:600;
padding:8px 15px
}

.banner-item-content h1{
max-width:100%;
font-size:35px;
margin-top:25px
}

.banner-item-content p{
font-size:16px;
margin-bottom:25px
}

.banner-item-ptb{
padding-top:130px;
padding-bottom:70px
}

.banner-item-ptb h1{
margin-top:0
}

.banner-area::before{
background-image:none;
background-color:#000;
opacity:.6
}

.banner-content{
padding-top:120px;
margin-top:0
}

.banner-content h1{
font-size:35px;
max-width:100%
}

.banner-content p{
font-size:16px;
max-width:100%
}

.banner-img{
padding-top:30px
}

.banner-img .banner-img-shape{
display:none
}

.banner-sub-slider{
margin-top:30px;
padding-bottom:70px
}

.banner-sub-slider .banner-sub-item{
padding:15px 10px 15px 135px;
max-width:300px
}

.banner-sub-slider .banner-sub-item img{
max-width:107px
}

.banner-sub-slider .banner-sub-item .content{
padding:3px 0 7px
}

.banner-sub-slider .banner-sub-item .content h3{
font-size:35px
}

.banner-sub-slider .banner-sub-item .content span{
font-size:16px
}

.banner-bottom-area{
position:inherit;
margin-top:50px
}

.banner-bottom-card{
position:relative;
padding:20px 15px;
text-align:center
}

.banner-bottom-card i{
position:inherit;
top:0;
left:0;
right:0;
margin-bottom:10px
}

.inner-banner .inner-title{
padding-top:120px;
padding-bottom:60px
}

.inner-banner .inner-title h3{
font-size:30px
}

.inner-banner .inner-shape{
display:none
}

.about-img{
margin-top:30px
}

.about-img::before{
display:none
}

.about-img .sub-content{
padding:15px 10px 15px 145px;
max-width:295px
}

.about-img .sub-content img{
max-width:107px
}

.about-img .sub-content .content{
padding:5px 0
}

.about-img .sub-content .content h3{
font-size:35px
}

.about-img .sub-content .content span{
font-size:16px
}

.about-content .about-list{
margin:20px auto 10px
}

.about-content .section-title h2{
margin-left:auto;
margin-right:auto;
max-width:100%
}

.about-content .section-title p{
max-width:100%
}

.about-content .about-list-2{
margin:0 auto!important
}

.about-content .about-content-card{
margin-top:20px
}

.about-content .about-content-card i{
font-size:40px
}

.about-content .about-content-card h3{
font-size:18px
}

.about-content .about-content-card p{
font-size:14px
}

.about-content-2 .about-card{
margin-top:20px
}

.about-content-2 .about-card .content{
padding-top:0;
padding-left:0;
margin-bottom:0
}

.about-content-2 .about-card .content i{
font-size:40px;
position:inherit;
top:0;
left:0;
right:0
}

.about-content-2 .about-card .content h3{
margin-top:15px;
font-size:18px;
margin-bottom:0
}

.about-content-2 .about-card p{
margin-top:15px;
margin-bottom:0;
color:#fff;
font-size:14px
}

.about-play{
margin-bottom:30px
}

.about-play img{
border-radius:10px
}

.about-play .about-play-content{
margin-top:30px;
position:inherit;
background-color:#0071dc;
border-radius:10px;
padding:40px 30px 60px;
max-width:100%;
text-align:center
}

.about-play .about-play-content::before{
display:none
}

.about-play .about-play-content h2{
font-size:24px;
margin-bottom:0;
margin-left:auto;
margin-right:auto;
margin-top:8px
}

.about-play .about-play-content .play-on-area{
position:inherit;
top:15px;
bottom:auto;
left:0;
right:0;
margin:0 auto;
text-align:center
}

.about-play .about-play-content .play-on-area .play-on{
width:60px;
height:60px;
font-size:30px;
line-height:65px
}

.choose-content{
text-align:center
}

.choose-content .choose-content-card .content{
padding-top:10px;
padding-left:0
}

.choose-content .choose-content-card .content i{
position:inherit;
top:0;
font-size:45px
}

.choose-content .choose-content-card .content h3{
margin-top:13px;
margin-bottom:10px;
font-size:18px
}

.choose-content .choose-content-card p{
font-size:14px
}

.counter-content h1{
font-size:65px
}

.counter-content h3{
font-size:18px
}

.contact-info{
padding:30px 15px 10px
}

.contact-info ul li{
margin-bottom:20px
}

.security-card{
padding:30px 20px
}

.security-card i{
width:65px;
height:65px;
line-height:65px;
font-size:28px
}

.technology-card i{
font-size:40px
}

.technology-card h3{
font-size:18px
}

.services-card{
text-align:center
}

.service-shape{
display:none
}

.services-item{
text-align:center
}

.services-item .content{
width:95%;
padding:95px 20px 20px
}

.services-item .content i{
display:inherit;
top:25px;
left:0;
right:0;
text-align:center
}

.services-item .content h3{
font-size:18px
}

.service-article .service-article-content .service-article-rs{
margin:0 0 8px
}

.case-study-item .content ul li{
font-size:13px
}

.case-study-item .content ul li::before{
width:1.5px;
height:13px
}

.blog-article .blog-article-title ul li{
margin-right:10px;
margin-bottom:5px
}

.blog-article .article-content .blockquote{
margin-left:0;
padding:20px 30px
}

.blog-article .article-content .blockquote i{
display:none
}

.blog-article .blog-article-share .blog-tag ul li{
padding:5px 0;
margin-top:5px;
margin-bottom:10px
}

.blog-article .blog-article-share .blog-tag ul li a{
padding:6px 12px
}

.blog-article .blog-article-share .social-icon{
float:none;
margin-top:5px;
margin-bottom:10px
}

.blog-article .comments-wrap .comment-list li{
padding-left:0
}

.blog-article .comments-wrap .comment-list li img{
position:inherit;
top:0;
left:0;
margin-bottom:10px
}

.blog-article .comments-wrap .comment-list li h3{
font-size:20px;
margin-bottom:10px
}

.blog-article .comments-wrap .comment-list li p{
margin-bottom:10px
}

.blog-article .comments-wrap .comment-list li a{
color:#0071dc;
font-weight:600;
position:inherit;
top:0;
left:0
}

.blog-style-card .content ul li{
margin-right:5px
}

.blog-style-card .content ul li i{
margin-right:5px
}

.blog-card .blog-img .blog-tag{
padding:10px 7px
}

.blog-card .blog-img .blog-tag h3{
font-size:14px
}

.blog-card .content ul li{
font-size:14px
}

.blog-card .content ul li i{
font-size:15px
}

.blog-card .content h3{
font-size:21px
}

.blog-card .content .read-btn{
font-size:14px
}

.work-process-card{
text-align:center
}

.work-process-left{
padding:50px 25px;
text-align:center
}

.work-process-area-two{
position:relative
}

.work-process-area-two .col-lg-3:nth-child(2) .work-process-card{
margin-top:0
}

.work-process-area-two .col-lg-3:nth-child(4) .work-process-card{
margin-top:0
}

.work-shape{
display:none
}

.build-content{
text-align:center
}

.build-btn-area{
float:none;
text-align:center
}

.case-article .case-article-content .case-article-rs{
margin:0 0 8px
}

.build-btn-area{
float:none;
margin-top:20px
}

.build-item .content ul li{
font-size:13px
}

.build-play-img img{
border-radius:10px
}

.build-play-img .play-area-content{
margin-top:30px;
position:inherit;
background-color:#0071dc;
border-radius:10px;
padding:40px 30px;
max-width:100%;
text-align:center
}

.build-play-img .play-area-content::before{
display:none
}

.build-play-img .play-area-content h2{
font-size:24px;
margin-left:auto;
margin-right:auto
}

.build-play-img .play-area{
position:absolute;
z-index:1;
top:18%;
bottom:auto;
left:0;
right:0;
margin:0 auto;
text-align:center
}

.build-play-img .play-area .play-on{
width:60px;
height:60px;
font-size:30px;
line-height:63px
}

.build-text{
margin-bottom:25px;
margin-top:20px;
text-align:center
}

.play-btn-area{
padding-top:110px;
padding-bottom:110px
}

.counter-shape{
display:none
}

.counter-content h1{
font-size:85px
}

.counter-another-content{
margin-bottom:20px;
padding-left:0;
position:relative;
text-align:center
}

.counter-another-content i{
font-size:40px;
position:inherit;
right:0
}

.counter-another-content h3{
font-size:26px;
margin-top:15px;
margin-bottom:5px
}

.counter-another-content span{
font-size:15px
}

.client-circle{
display:none
}

.clients-content{
padding:30px 15px
}

.clients-area .owl-nav{
margin-top:0;
margin-bottom:30px
}

.clients-area .owl-nav .owl-prev{
top:auto;
position:inherit;
-webkit-transform:translateY(0%);
transform:translateY(0%);
left:0;
font-size:20px!important;
bottom:-30px;
width:35px;
height:35px;
border-radius:50px;
line-height:38px!important
}

.clients-area .owl-nav .owl-next{
top:auto;
position:inherit;
-webkit-transform:translateY(0%);
transform:translateY(0%);
right:0;
font-size:20px!important;
bottom:-30px;
width:35px;
height:35px;
border-radius:50px;
line-height:38px!important
}

.blog-card .content{
padding:20px
}

.error-area{
height:100vh;
padding-top:70px;
padding-bottom:70px
}

.error-area .error-content h3{
margin-bottom:10px;
font-size:25px
}

.error-area .error-content p{
font-size:16px;
padding:0 15px
}

.coming-soon-area .coming-soon-content{
padding-top:30px;
padding-bottom:20px;
padding-left:15px;
padding-right:15px
}

.coming-soon-area .coming-soon-content h1{
font-size:30px;
line-height:1.1;
margin-top:0
}

.coming-soon-area .coming-soon-content p{
font-size:14px;
margin-top:15px
}

.coming-soon-area .coming-soon-content #timer{
margin-top:30px
}

.coming-soon-area .coming-soon-content #timer div{
font-size:30px;
margin-left:5px;
margin-right:5px;
margin-bottom:15px
}

.coming-soon-area .coming-soon-content #timer div span{
font-size:14px;
margin-top:-5px
}

.coming-soon-area .coming-soon-content #timer div::before{
display:none
}

.coming-soon-area .coming-soon-content .newsletter-form{
margin-top:20px;
margin-bottom:20px
}

.coming-soon-area .coming-soon-content .newsletter-form .input-newsletter{
height:55px;
padding-left:13px;
font-size:15px
}

.coming-soon-area .coming-soon-content .newsletter-form button{
position:relative;
font-size:14px;
margin-top:15px;
width:100%;
height:50px
}

.footer-widget h3{
margin-bottom:20px
}

.footer-widget .footer-call-content{
max-width:100%
}

.footer-widget .footer-call-content h3{
font-size:20px
}

.footer-widget .footer-call-content i{
top:15px
}

.footer-widget p{
max-width:100%
}


}

@media only screen and (max-width:575px){
.banner-item-content{
padding-left:15px;
padding-right:15px
}


}

@media only screen and (min-width:576px) and (max-width:767px){
.build-play-img .play-area{
top:27%
}

.blog-article .blog-article-title ul li{
margin-right:10px;
margin-bottom:5px
}

.blog-article .article-content .blockquote{
margin-left:0;
padding:20px 30px
}

.blog-article .article-content .blockquote i{
display:none
}

.blog-article .blog-article-share .blog-tag ul li{
padding:5px 0;
margin-top:0;
margin-bottom:0
}

.blog-article .blog-article-share .social-icon{
float:right;
margin-bottom:0
}

.footer-widget .footer-call-content{
padding:20px 70px 20px 15px
}

.footer-widget .footer-call-content h3{
font-size:16px
}

.footer-widget .footer-call-content i{
top:22px;
right:15px;
width:45px;
height:45px;
line-height:45px;
font-size:24px
}

.footer-widget .footer-call-content span a{
font-size:13px
}

.footer-widget .footer-blog li h3{
font-size:15px
}


}

@media only screen and (min-width:768px) and (max-width:991px){
.ptb-100{
padding-top:50px;
padding-bottom:50px
}

.pt-100{
padding-top:50px
}

.ptb-70{
padding-top:20px;
padding-bottom:50px
}

.pb-100{
padding-bottom:50px
}

.pt-70{
padding-top:30px
}

.pb-70{
padding-bottom:20px
}

.pt-45{
padding-top:30px
}

.mt-30{
margin-top:0
}

.ml-25{
margin-left:0
}

.ml-20{
margin-left:10px
}

.mr-20{
margin-right:0
}

.default-btn{
padding:8px 18px
}

.section-title span{
font-size:14px;
list-style:0;
padding:0;
margin:0
}

.section-title h2{
font-size:26px;
margin-top:0
}

.section-title p{
margin-left:auto;
margin-right:auto
}

h3{
font-size:21px
}

.about-play{
margin-bottom:30px
}

.work-process-left{
text-align:center
}

.side-nav-responsive{
display:block
}

.d-display{
display:none
}

.mobile-nav .logo img{
max-width:140px
}

.top-header-right .language-list{
margin-left:-15px
}

.about-content-2 .section-title h2,.about-content-2 .section-title p{
max-width:100%
}

.side-nav-responsive{
display:block
}

.d-display{
display:none
}

.mobile-nav .logo img{
max-width:140px
}

.banner-slider-area{
position:relative
}

.banner-slider-area .owl-dots{
display:inline-block;
right:0;
left:0;
top:auto;
bottom:55px;
-webkit-transform:translateY(0%);
transform:translateY(0%)
}

.banner-item-content{
padding-top:220px;
padding-bottom:220px;
text-align:center
}

.banner-item-content span{
font-size:15px;
font-weight:600;
padding:8px 15px
}

.banner-item-content h1{
font-size:35px;
max-width:100%
}

.banner-item-content p{
font-size:16px;
margin-left:auto;
margin-right:auto
}

.banner-item-ptb{
padding-top:250px;
padding-bottom:190px
}

.banner-content{
padding-top:120px;
margin-top:0;
text-align:center
}

.banner-content h1{
font-size:35px;
margin-left:auto;
margin-right:auto
}

.banner-content p{
font-size:16px;
margin-left:auto;
margin-right:auto
}

.banner-area::before{
background-image:none;
background-color:#000;
opacity:.6
}

.banner-img{
padding-top:30px
}

.banner-img .banner-img-shape{
display:none
}

.banner-sub-slider{
padding-bottom:70px
}

.banner-bottom-area{
position:inherit;
margin-top:50px
}

.banner-bottom-card{
position:relative;
padding:20px 15px;
text-align:center
}

.banner-bottom-card i{
position:inherit;
top:0;
left:0;
right:0;
margin-bottom:10px
}

.inner-banner .inner-title h3{
font-size:35px
}

.about-img{
margin-top:30px
}

.about-img::before{
right:-15px
}

.about-content{
text-align:center
}

.about-content .section-title h2{
margin-left:auto;
margin-right:auto
}

.about-content-2 .section-title p{
margin-left:0;
margin-right:unset
}

.services-card{
padding:30px 30px 25px
}

.service-shape{
display:none
}

.services-item{
text-align:center
}

.services-item .content{
width:90%;
padding:20px 15px 20px 92px
}

.services-item .content h3{
font-size:20px
}

.choose-content .section-title p{
margin-left:0;
margin-right:unset
}

.contact-info{
padding:40px 20px 10px
}

.work-process-card{
padding:30px 32px
}

.work-process-left{
padding:50px 30px
}

.work-process-left .section-title h2{
font-size:25px
}

.work-process-area-two{
position:relative
}

.work-process-area-two .col-lg-3:nth-child(2) .work-process-card{
margin-top:0
}

.work-process-area-two .col-lg-3:nth-child(4) .work-process-card{
margin-top:0
}

.work-shape{
display:none
}

.build-play-img .play-area-content{
padding:100px 70px 65px 30px;
max-width:330px
}

.build-play-img .play-area-content::before{
width:91%;
height:88.7%
}

.build-play-img .play-area-content h2{
font-size:28px
}

.play-area{
bottom:145px;
left:190px
}

.counter-shape{
display:none
}

.counter-content h1{
font-size:65px
}

.counter-content h3{
font-size:18px
}

.counter-another-content{
margin-bottom:20px;
padding-left:0;
position:relative;
text-align:center
}

.counter-another-content i{
font-size:45px;
position:inherit;
right:0
}

.counter-another-content h3{
font-size:30px;
margin-top:15px;
margin-bottom:5px
}

.counter-another-content span{
font-size:15px
}

.client-circle{
display:none
}

.clients-area .owl-nav{
margin-top:0;
margin-bottom:55px
}

.clients-area .owl-nav .owl-prev{
top:auto;
position:inherit;
font-size:20px!important;
bottom:-30px;
-webkit-transform:translateY(0%);
transform:translateY(0%);
width:35px;
height:35px;
border-radius:50px;
line-height:38px!important
}

.clients-area .owl-nav .owl-next{
top:auto;
position:inherit;
-webkit-transform:translateY(0%);
transform:translateY(0%);
font-size:20px!important;
bottom:-30px;
width:35px;
height:35px;
border-radius:50px;
line-height:38px!important
}

.error-area{
height:100vh;
padding-top:70px;
padding-bottom:70px
}

.error-area .error-content h3{
margin-bottom:10px;
font-size:25px
}

.error-area .error-content p{
font-size:16px;
padding:0 15px
}


}

@media only screen and (min-width:992px) and (max-width:1199px){
.main-nav .navbar .navbar-brand img{
max-width:140px
}

.main-nav nav .navbar-nav .nav-item a{
margin-left:8px;
margin-right:8px
}

.main-nav .nav-side .nav-side-item{
margin-right:10px
}

.main-nav .nav-side .nav-side-item .search-side-widget{
max-width:190px
}

.main-nav .nav-side .nav-side-item .get-btn .default-btn{
padding:9px 15px
}

.top-left-side .top-header-social ul li a{
width:24px;
height:24px;
line-height:26px;
font-size:16px
}

.top-left-side .top-header-text{
margin-left:25px
}

.top-left-side .top-header-text::before{
left:-16px;
width:1px;
height:20px
}

.top-left-side .top-header-text p{
font-size:13px
}

.top-header-right .top-contact{
padding-left:35px
}

.top-header-right .top-contact i{
font-size:15px;
width:24px;
height:24px;
line-height:24px
}

.top-header-right .top-contact h3{
font-size:13px;
color:#fff;
margin-bottom:0
}

.top-header-right .language-list{
margin-left:-15px;
top:-5px
}

.top-header-right .language-list .nice-select{
font-size:13px
}

.top-header-right .language-list .nice-select::after{
font-size:15px
}

.banner-slider-area .owl-dots{
top:40%
}

.banner-item-content{
max-width:600px
}

.banner-item-content h1{
font-size:55px
}

.banner-item-content p{
font-size:17px
}

.banner-bottom-card{
padding:30px 20px 30px 100px
}

.banner-bottom-card i{
position:absolute;
top:30px;
left:20px;
font-size:40px;
width:65px;
height:65px;
line-height:65px
}

.banner-bottom-card h3{
font-size:20px
}

.banner-content{
margin-top:-20px
}

.banner-content h1{
font-size:44px
}

.banner-sub-slider{
margin-top:-50px
}

.banner-sub-slider .banner-sub-item{
padding:15px 10px 15px 140px;
width:100%
}

.banner-sub-slider .banner-sub-item img{
max-width:107px
}

.banner-sub-slider .banner-sub-item h3{
font-size:35px
}

.banner-sub-slider .banner-sub-item span{
font-size:15px
}

.banner-img .banner-img-shape{
bottom:70px
}

.banner-img .banner-img-shape img{
max-width:130px
}

.banner-content p{
font-size:16px
}

.blog-card .content{
padding:30px 25px
}

.about-content-2 .about-card .content h3{
font-size:20px
}

.about-img::before{
right:-20px
}

.choose-content .choose-content-card .content{
padding-left:60px
}

.choose-content .choose-content-card .content i{
font-size:45px
}

.choose-content .choose-content-card .content h3{
font-size:20px;
margin-top:0;
margin-bottom:15px
}

.services-card{
padding:30px 20px 25px
}

.services-card h3{
font-size:20px
}

.service-shape img{
max-width:280px
}

.services-item .content{
width:95%;
padding:20px 15px 20px 92px
}

.services-item .content h3{
font-size:20px
}

.call-contact p{
font-size:18px
}

.work-process-left{
padding:170px 25px
}

.work-process-card{
padding:30px 20px
}

.work-process-card h3{
font-size:20px
}

.work-shape img{
max-width:975px
}

.counter-shape .shape1 img{
max-width:160px
}

.counter-shape .shape2 img{
max-width:160px
}

.counter-another-content{
padding-left:85px
}

.counter-another-content span{
font-size:15px
}

.client-circle .client-circle-2{
top:30%
}

.clients-area .owl-nav .owl-prev{
left:-20px;
width:35px;
height:35px;
line-height:35px!important
}

.clients-area .owl-nav .owl-next{
right:-20px;
width:35px;
height:35px;
line-height:35px!important
}

.call-shape .shape1{
left:20px
}

.call-shape .shape2{
right:0
}

.call-shape .shape2 img{
max-width:100px
}

.call-shape .shape2-rs{
right:25px
}

.call-shape .shape2-rs img{
max-width:120px
}

.client-circle .client-circle-1{
left:45px
}

.client-circle .client-circle-3{
top:87%;
left:2%
}

.client-circle .client-circle-6{
top:87%;
right:20px
}

.footer-widget .footer-list li a{
color:#fff;
font-weight:400;
font-size:14px
}

.footer-widget .footer-list li a i{
margin-right:0;
font-size:16px
}

.footer-widget .footer-call-content h3{
font-size:20px
}

.footer-widget .footer-call-content i{
top:15px
}

.footer-widget .footer-blog li{
padding-left:80px
}

.footer-widget .footer-blog li img{
height:65px;
width:65px
}

.footer-widget .footer-blog li .content h3{
font-size:13px
}


}

@media only screen and (min-width:1800px){
.service-shape img{
max-width:500px
}

.counter-shape .shape1 img{
max-width:100%
}

.counter-shape .shape2 img{
max-width:100%
}

.client-circle .client-circle-1{
left:5%
}

.client-circle .client-circle-2{
left:15%
}

.client-circle .client-circle-3{
left:5%
}

.client-circle .client-circle-4{
right:30%
}

.client-circle .client-circle-5{
right:15%
}

.client-circle .client-circle-6{
right:5%
}

.client-circle .client-circle-7{
right:45%
}

.banner-slider-area .owl-dots{
right:20%
}


}

@media only screen and (min-width:1200px) and (max-width:1299px){
.clients-area .owl-nav .owl-prev{
left:-2%
}

.clients-area .owl-nav .owl-next{
right:-2%
}

.about-img::before{
right:-20px
}

.call-shape .shape2{
right:-10px
}


}

@media only screen and (min-width:1200px){
.container{
max-width:1170px
}

.container-max{
max-width:1300px!important;
margin:0 auto
}


}

@media only screen and (min-width:1400px){
.client-circle .client-circle-1{
left:5%
}

.client-circle .client-circle-2{
left:15%;
top:17%
}

.client-circle .client-circle-3{
left:5%
}

.client-circle .client-circle-4{
right:30%
}

.client-circle .client-circle-5{
right:15%
}

.client-circle .client-circle-6{
right:5%
}

.client-circle .client-circle-7{
right:45%
}


}

@media only screen and (max-width:991px){
.mobile-nav nav .navbar-nav{
height:300px;
overflow-y:scroll
}

.side-bar-area{
margin-left:0
}

.side-bar-widget{
border:1px solid #f3f3f3;
padding:20px;
margin-bottom:30px
}

.side-bar-widget .side-bar-categories{
margin-bottom:0
}

.side-bar-widget .side-bar-widget-tag{
margin-bottom:0
}

.side-bar-widget .blog-gallery{
margin-bottom:0
}

.side-bar-widget .widget-popular-post{
margin-bottom:0
}

.call-shape{
display:none
}

.call-contact{
text-align:center;
padding:50px 0 30px
}

.call-contact h3{
font-size:18px
}

.call-contact .call-btn{
font-size:26px
}

.call-contact p{
font-size:16px;
margin-bottom:20px
}

.contact-info ul li{
display:inline-block;
margin-right:20px
}

.contact-info ul li:last-child{
margin-right:0
}


}