@media only screen and (max-width:767px) {
.media520 {
width:50%;
}
	.section-title span {
  margin-bottom: 0px;

}
	.inner-banner .inner-title ul li {
  font-size: 15px !important;
  
}
	.brand-area{ padding: 30px 0px !important;}
.cap3{ width:30% !important; float:left;}
.cap4{ width:70% !important; float:left;}

.contact-info-top {
 min-height:150px;
}
 .media1199 {
width:100%
}
 .contact-form01 .col-md-6 {
width:50%;
}
.top-header-right {
 float: right;
 background: none;
 padding: 5px 15px;
 color: #fff;
font-weight:bold;
font-size:18px !important;
}
.partner-section .col-xs-6 {
width:50%;
}
 .ptb-100 {
padding-top:15px;
padding-bottom:50px
}
.pt-100 {
padding-top:50px
}
.ptb-70 {
padding-top:15px;
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:20px
}
.pe-0 {
padding-right:calc(var(--bs-gutter-x) * 0.5)!important
}
.default-btn {
padding:8px 18px
}
.section-title span {
font-size:14px
}
.section-title h2 {
font-size:26px;
margin-top:0; padding: 0px;
}
	
.section-title p {
margin-left:auto;
margin-right:auto
}
	
	
h2{
font-size:20px !important;
}	
	
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;
font-size: 15.5px !important;
}
.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;
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-four-area {
padding:130px 0 50px
}
.banner-four-content {
max-width:100%;
margin-left:auto;
margin-right:auto;
margin-bottom:30px
}
.banner-four-content span {
font-size:13px;
margin-bottom:10px
}
.banner-four-content h1 {
font-size:35px;
margin-bottom:15px
}
.banner-four-content p {
font-size:15px;
margin-bottom:20px
}
.banner-four-content .banner-btn .default-btn {
display:inline-block
}
.banner-four-content .banner-btn .play-btn {
padding-left:55px;
position:relative;
z-index:1;
top:0
}
.banner-four-content .banner-btn .play-btn i {
position:absolute;
top:-3px;
left:0;
width:40px;
height:40px;
line-height:40px;
font-size:18px
}
.banner-four-content .banner-btn .play-btn h3 {
margin-bottom:5px;
font-size:14px
}
.banner-four-content .banner-btn .play-btn span {
font-size:12px;
transition:.7s;
margin-bottom:0
}
.banner-four-img {
margin-bottom:0;
text-align:center
}
.banner-four-img img {
text-align:center
}
.banner-five-area {
padding:130px 0 50px
}
.banner-five-content {
max-width:100%;
margin-left:auto;
margin-right:auto;
margin-bottom:30px
}
.banner-five-content span {
font-size:13px;
margin-bottom:10px
}
.banner-five-content h1 {
font-size:35px;
margin-bottom:15px
}
.banner-five-content p {
font-size:15px;
margin-bottom:20px
}
.banner-five-img {
animation:none
}
.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
}
.banner-seven-slide.owl-theme .owl-nav {
position:absolute;
left:0;
right:0;
bottom:-20px
}
.banner-seven-slide.owl-theme .owl-nav [class*=owl-] {
position:relative;
left:0;
top:0;
bottom:0
}
.banner-seven-slide.owl-theme .owl-nav [class*=owl-].owl-next {
top:0;
left:0
}
.inner-banner .inner-title, .inner-banner01 .inner-title {
padding-top:120px;
padding-bottom:60px
}
.inner-banner .inner-title h3, .inner-banner01 .inner-title h3 {
font-size:28px
}
.inner-banner .inner-shape, .inner-banner01 .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
}
.about-img-4 {
max-width:100%;
margin-left:auto;
margin-right:auto
}
.about-content-3 {
max-width:100%;
margin-left:auto;
margin-right:auto
}
.about-content-3 h3 {
font-size:18px
}
.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
}
.choose-content-two .section-title p {
padding-top:10px
}
.choose-content-two .choose-content-card {
padding-left:0;
margin-bottom:30px
}
.choose-content-two .choose-content-card i {
position:inherit;
margin-bottom:15px;
width:65px;
height:65px;
line-height:65px;
font-size:30px;
display:inline-block
}
.choose-content-two .choose-content-card h3 {
margin-bottom:10px
}
.choose-content-two .choose-content-card p {
margin-bottom:0;
max-width:100%
}
.choose-img-two {
padding-right:0;
padding-bottom:0
}
.choose-img-two::before {
display:none
}
.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
}
.technology-area-four .section-title {
margin-bottom:20px
}
.technology-area-four .section-title p {
padding-top:12px
}
.technology-item {
padding:12px 10px 10px
}
.technology-item i {
font-size:30px
}
.technology-item h3 {
margin-top:15px;
font-size:16px
}
.technology-play-area {
padding:100px 0;
margin-left:0
}
.technology-play-area .play-btn i {
width:60px;
height:60px;
line-height:60px;
font-size:30px
}
.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
}
.services-left .section-title {
margin-bottom:15px
}
.services-left .section-title p {
padding-top:12px
}
.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
}
.work-process-card-two {
padding:20px 15px 25px;
margin-bottom:30px
}
.work-process-card-two .number-title {
font-size:26px;
margin-bottom:5px
}
.work-process-card-two h3 {
margin-bottom:10px
}
.work-process-card-three {
padding:20px 15px 25px
}
.work-process-card-three::before {
width:75px;
height:65px
}
.work-process-card-three .number-title {
font-size:26px;
margin-bottom:5px
}
.work-process-card-three h3 {
margin-bottom:10px
}
.work-process-card-three i {
font-size:25px
}
.work-process-right {
padding:50px 25px
}
.work-process-right .section-title {
margin-bottom:20px
}
.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;
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;
transform:translateY(0%);
right:0;
font-size:20px!important;
bottom:-30px;
width:35px;
height:35px;
border-radius:50px;
line-height:38px!important
}
.clients-area-three {
padding-bottom:45px
}
.clients-area-three .owl-nav {
margin-top:0
}
.clients-area-three .owl-nav .owl-prev {
position:inherit;
bottom:0;
left:0;
font-size:20px!important;
width:32px;
height:32px;
line-height:34px!important
}
.clients-area-three .owl-nav .owl-next {
position:inherit;
bottom:90px;
font-size:20px!important;
width:32px;
height:32px;
line-height:34px!important
}
.clients-slider-img {
margin-bottom:30px
}
.clients-slider-img img {
text-align:center
}
.clients-slider-img .clients-slider-circle {
height:60%;
left:0;
animation:none;
background-image:linear-gradient(#0071dc, #070b3b)
}
.clients-slider-content {
margin-bottom:20px;
text-align:center
}
.clients-slider-content i {
width:50px;
height:50px;
line-height:52px;
font-size:26px;
margin-bottom:20px;
margin-left:auto;
margin-right:auto
}
.clients-slider-content p {
margin-bottom:20px;
font-size:16px
}
.clients-slider-content h3 {
margin-bottom:5px
}
.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%
}
.banner-six::before {
background-image:none;
background-color:#070b3b;
opacity:.7
}
.banner-six-content {
padding-top:125px;
padding-bottom:50px;
max-width:100%;
margin-left:auto;
margin-right:auto
}
.banner-six-content h1 {
font-size:30px;
margin-bottom:15px
}
.banner-six-content p {
font-size:15px;
margin-bottom:20px
}
.banner-six-shape {
display:none
}
.about-img-5::before {
bottom:0;
left:0;
right:0;
margin:0 auto;
text-align:center;
width:100%;
height:70%;
animation:0
}
.team-item .content .social-link li a {
width:28px;
height:28.5px;
line-height:30px
}
.case-study-item2 .icon-services {
font-size:45px;
margin-bottom:10px
}
.case-study-item2 .more-btn {
width:30px;
height:30px;
line-height:39px;
font-size:16px;
border-top-left-radius:14px;
border-bottom-right-radius:0
}
.case-study-item2 h3 {
margin-bottom:10px
}
.footer-widget .social-link ul li a {
width:28px;
height:28px;
line-height:32px;
font-size:16px
}
}
@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) {
.banner-four-area .container-fluid, .banner-five-area .container-fluid, .about-area .container-fluid {
width:540px
}
.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) {
.h2, h2 {
 font-size: calc(1rem + .9vw);
}
.ptb-100 {
padding-top:25px !important;
padding-bottom:30px!important;
}
.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
}
.pe-0 {
padding-right:calc(var(--bs-gutter-x) * 0.5)!important
}
.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;

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
}
.banner-four-area .container-fluid, .banner-five-area .container-fluid, .about-area .container-fluid {
width:720px
}
.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;
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-four-area {
padding:130px 0 50px
}
.banner-four-content {
max-width:100%;
margin-left:auto;
margin-right:auto;
margin-bottom:30px
}
.banner-four-content span {
font-size:13px;
margin-bottom:10px
}
.banner-four-content h1 {
font-size:35px;
margin-bottom:15px
}
.banner-four-content p {
font-size:15px;
margin-bottom:20px
}
.banner-four-content .banner-btn .default-btn {
display:inline-block
}
.banner-four-content .banner-btn .play-btn {
padding-left:55px;
position:relative;
z-index:1;
top:0
}
.banner-four-content .banner-btn .play-btn i {
position:absolute;
top:-3px;
left:0;
width:40px;
height:40px;
line-height:40px;
font-size:18px
}
.banner-four-content .banner-btn .play-btn h3 {
margin-bottom:5px;
font-size:14px
}
.banner-four-content .banner-btn .play-btn span {
font-size:12px;
transition:.7s;
margin-bottom:0
}
.banner-four-img {
margin-bottom:0;
text-align:center
}
.banner-four-img img {
text-align:center
}
.banner-five-area {
padding:130px 0 50px
}
.banner-five-content {
max-width:100%;
margin-left:auto;
margin-right:auto;
margin-bottom:30px
}
.banner-five-content span {
font-size:13px;
margin-bottom:10px
}
.banner-five-content h1 {
font-size:35px;
margin-bottom:15px
}
.banner-five-content p {
font-size:15px;
margin-bottom:20px
}
.banner-five-img {
animation:none
}
.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
}
.banner-seven-slide.owl-theme .owl-nav {
position:absolute;
left:0;
right:0;
bottom:0
}
.banner-seven-slide.owl-theme .owl-nav [class*=owl-] {
position:relative;
left:0;
top:0;
bottom:0
}
.banner-seven-slide.owl-theme .owl-nav [class*=owl-].owl-next {
top:0;
left:0
}
.inner-banner .inner-title h3, .inner-banner01 .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
}
.about-img-4 {
max-width:100%;
margin-left:auto;
margin-right:auto
}
.about-content-3 {
max-width:100%;
margin-left:auto;
margin-right:auto
}
.about-content-3 h3 {
font-size:18px
}
.about-content-3 .section-title p {
margin-left:0
}
.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
}
.services-left .section-title {
margin-bottom:15px
}
.services-left .section-title p {
padding-top:12px;
margin-left:0
}
.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
}
.work-process-card-two {
padding:25px 20px 30px;
margin-bottom:30px
}
.work-process-card-two .number-title {
font-size:26px;
margin-bottom:5px
}
.work-process-card-two h3 {
margin-bottom:10px
}
.work-process-right {
padding:50px 25px
}
.work-process-right .section-title {
margin-bottom:20px
}
.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
}
.technology-area-three .section-title p {
margin-left:0
}
.technology-area-four .section-title p {
margin-left:0
}
.technology-play-area {
padding:150px 0;
margin-left:0
}
.technology-play-area .play-btn i {
width:60px;
height:60px;
line-height:60px;
font-size:30px
}
.counter-shape {
display:none
}
.counter-content h1 {
font-size:65px
}
.counter-content h3 {
font-size:18px
}
.choose-content-two .section-title {
margin-bottom:20px
}
.choose-content-two .section-title p {
margin-left:0
}
.choose-content-two .choose-content-card {
padding-left:78px;
margin-bottom:30px
}
.choose-content-two .choose-content-card i {
width:60px;
height:60px;
line-height:60px;
font-size:30px;
display:inline-block
}
.choose-content-two .choose-content-card h3 {
margin-bottom:10px
}
.choose-content-two .choose-content-card p {
margin-bottom:0;
max-width:100%
}
.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;
transform:translateY(0%);
width:35px;
height:35px;
border-radius:50px;
line-height:38px!important
}
.clients-area .owl-nav .owl-next {
top:auto;
position:inherit;
transform:translateY(0%);
font-size:20px!important;
bottom:-30px;
width:35px;
height:35px;
border-radius:50px;
line-height:38px!important
}
.clients-area-three {
padding-bottom:45px
}
.clients-area-three .owl-nav {
margin-top:0
}
.clients-area-three .owl-nav .owl-prev {
position:inherit;
bottom:0;
left:0;
font-size:20px!important;
width:32px;
height:32px;
line-height:34px!important
}
.clients-area-three .owl-nav .owl-next {
position:inherit;
bottom:90px;
font-size:20px!important;
width:32px;
height:32px;
line-height:34px!important
}
.clients-slider-img {
margin-bottom:30px
}
.clients-slider-img img {
text-align:center
}
.clients-slider-img .clients-slider-circle {
height:60%;
left:0;
animation:none;
background-image:linear-gradient(#0071dc, #070b3b)
}
.clients-slider-content {
margin-bottom:20px;
text-align:center
}
.clients-slider-content i {
width:50px;
height:50px;
line-height:52px;
font-size:26px;
margin-bottom:20px;
margin-left:auto;
margin-right:auto
}
.clients-slider-content p {
margin-bottom:20px;
font-size:16px
}
.clients-slider-content h3 {
margin-bottom:5px
}
.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
}
.banner-six::before {
background-image:none;
background-color:#070b3b;
opacity:.7
}
.banner-six-content {
padding-top:125px;
padding-bottom:50px;
max-width:100%;
margin-left:auto;
margin-right:auto
}
.banner-six-content h1 {
font-size:30px;
margin-bottom:15px
}
.banner-six-content p {
font-size:15px;
margin-bottom:20px
}
.banner-six-shape {
display:none
}
.about-img-5::before {
bottom:0;
left:0;
right:0;
margin:0 auto;
text-align:center;
width:100%;
height:70%;
animation:0
}
.team-item .content .social-link li a {
width:29px;
height:29.7px;
line-height:31px
}
.case-study-item2 .icon-services {
font-size:45px;
margin-bottom:10px
}
.case-study-item2 .more-btn {
width:30px;
height:30px;
line-height:39px;
font-size:16px;
border-top-left-radius:14px;
border-bottom-right-radius:0
}
.case-study-item2 h3 {
margin-bottom:10px
}
.work-process-rightside .section-title p {
margin-left:0
}
.footer-widget .social-link ul li a {
width:28px;
height:28px;
line-height:32px;
font-size:16px
}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.contact-info-top {
 min-height:150px;
}
.media1199 {
width:50%
}
.main-nav .navbar .navbar-brand img {
max-width:140px
}
.main-nav nav .navbar-nav .nav-item a {
margin-left:8px;
margin-right:8px
}
.ptb-70, .ptb-100 {
 padding-top: 40px;
 padding-bottom: 40px;
}
 .h2, h2 {
 font-size: calc(1.4rem);
}
.main-nav nav .navbar-nav .nav-item a {
 text-transform: capitalize;
 color: #252525;
 font-weight: 500;
 margin-left: 7px!important;
 margin-right: 7px!important;
font-size:14px !important;
 position: relative;
}
 .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
}
.banner-four-content {
max-width:500px
}
.banner-four-content span {
font-size:14px
}
.banner-four-content h1 {
font-size:40px
}
.banner-four-content p {
font-size:16px;
margin-bottom:25px
}
.banner-five-content {
max-width:450px
}
.banner-five-content span {
font-size:14px
}
.banner-five-content h1 {
font-size:40px
}
.banner-five-content p {
font-size:16px;
margin-bottom:25px
}
.banner-seven-slide.owl-theme .owl-nav {
position:absolute;
left:0;
right:0;
bottom:0
}
.banner-seven-slide.owl-theme .owl-nav [class*=owl-] {
position:relative;
left:0;
top:0;
bottom:0
}
.banner-seven-slide.owl-theme .owl-nav [class*=owl-].owl-next {
top:0;
left:0
}
.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-right {
padding:145px 25px
}
.work-process-card {
padding:30px 20px
}
.work-process-card h3 {
font-size:20px
}
.work-process-card-two {
padding:30px 23px
}
.work-process-card-three {
padding:20px 15px 25px
}
.work-process-card-three::before {
width:75px;
height:65px
}
.work-process-card-three .number-title {
font-size:26px;
margin-bottom:5px
}
.work-process-card-three h3 {
margin-bottom:10px
}
.work-process-card-three i {
font-size:25px
}
.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
}
.clients-area-three .owl-nav {
margin-top:0
}
.clients-area-three .owl-nav .owl-prev {
left:475px;
font-size:25px!important;
transition:.7s;
width:35px;
height:35px;
line-height:35px!important
}
.clients-area-three .owl-nav .owl-next {
left:515px;
font-size:24px!important;
transition:.7s;
width:35px;
height:35px;
line-height:35px!important
}
.clients-slider-content {
margin-bottom:70px
}
.clients-slider-content i {
width:60px;
height:60px;
line-height:62px;
font-size:30px;
margin-bottom:30px
}
.clients-slider-content p {
margin-bottom:20px;
font-size:16px
}
.clients-slider-content h3 {
margin-bottom:5px
}
.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
}
.banner-six-content h1 {
font-size:50px
}
.banner-six-shape img {
height:580px
}
.case-study-item2 .icon-services {
font-size:45px;
margin-bottom:10px
}
.case-study-item2 .more-btn {
width:30px;
height:30px;
line-height:39px;
font-size:16px;
border-top-left-radius:14px;
border-bottom-right-radius:0
}
.case-study-item2 h3 {
margin-bottom:10px
}
}
@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
}
.banner-seven-slide.owl-theme .owl-nav {
position:absolute;
left:0;
right:0;
bottom:0
}
.banner-seven-slide.owl-theme .owl-nav [class*=owl-] {
position:relative;
left:0;
top:0;
bottom:0
}
.banner-seven-slide.owl-theme .owl-nav [class*=owl-].owl-next {
top:0;
left:0
}
}
@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 (min-width:1400px) and (max-width:1599px) {
.banner-seven-slide.owl-theme .owl-nav [class*=owl-] {
top:53%;
left:50px
}
.banner-seven-slide.owl-theme .owl-nav [class*=owl-].owl-next {
top:44%;
left:50px
}
}
 @media only screen and (min-width:768px) and (max-width:991px) { 
 .pt30 {
padding-top:20px;
}
.media1199 {
width:50%
}
 img.disjob {
display:none;
}
}
@media only screen and (max-width:991px) {
.media50{ width:50%!important; float:left!important; padding-bottom:8px!important;}

.carr-form div { margin-bottom:0px!important;}


 .width100 {
width:100%;
}
.section-title p {
max-width: 100% !important;
}
.displaynone01 {
display:none;
}
.contact-info-top {
 min-height:150px;
}
 .container, .container-md, .container-sm {
 max-width: 100%;
}
 .inner-banner .inner-title {
 padding-top: 150px;
 padding-bottom: 100px;
}
h2.innerheading {
margin-top:5px;
}
 .about-play {
 margin-bottom: 10px;
 display: none;
}
 .popup, .box {
width: 80% !important;
}
 .mobile-nav .logo .logo-two {
display:none
}
.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
}
.blog-item .blog-img2 .blog-tag {
padding:11px 15px 6px
}
.blog-item .blog-img2 .blog-tag h3 {
font-size:18px;
margin-bottom:0
}
.blog-item .blog-img2 .blog-tag span {
font-size:13px
}
}
 @media only screen and (max-width:520px) {
.media520 {
width:100%;
}
	 .top-header-right {
float:none;
text-align:center;
font-size: 14px !important;
}
	 
	 .inner-banner .inner-title ul li {
  font-size: 14px !important;
  
}
.inner-banner .inner-title h3, .inner-banner01 .inner-title h3 {
font-size:22px
}
 .inner-banner .inner-title {
 padding-top: 100px;
 padding-bottom: 35px;
}

.media50{ width:100%!important; float:left!important; padding-bottom:8px!important;}

.carr-form div { margin-bottom:0px!important;}

}