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

@media only screen and (min-width: 1500px) and (max-width: 1599px) {
/*Award Section Fold Responsive Css Start*/

.award-sec-items .award-item-box{
	min-height: 360px;
	max-height: 360px;
}
/*Award Section Fold Responsive Css End*/
}

@media only screen and (min-width: 1366px) and (max-width: 1499px) {
	/*Banner Responsive Css Start*/
.section-1 .banner-images{
	right: -10px;
}
.section-1 .banner-images img.ipad{
	right: 25px;
    width: 80%;
}
.section-1 .banner-images img.c-1 {
    right: 225px;
    width: 300px;
}
.section-1 .banner-images img.c-2 {
    right: -40px;
    top: 100px;
    width: 200px;
}
/*Banner Responsive Css End*/


/*Testimonial Section Css Responsive Start Here*/

.testimonial-inner .testimonial-thumb-slider .slick-track{
    justify-content: end;
}
/*Testimonial Section Css Responsive End Here*/
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
/*Home Page Responisve Start Here*/
/*Banner Responsive Css Start*/
.section-1 .banner-images{
	right: -10px;
}
.section-1 .banner-images img.ipad{
	right: 25px;
    width: 80%;
}
.section-1 .banner-images img.c-1 {
    right: 225px;
    width: 300px;
}
.section-1 .banner-images img.c-2 {
    right: -40px;
    top: 100px;
    width: 200px;
}
/*Banner Responsive Css End*/

/*Why Explainer Responsive Css Start*/
.why-explainer{
    padding:50px 0 !important;
}

/*Why Explainer Responsive Css End*/

/*Testimonials Responsive Css Start*/
.testi_new_slider_box{
    min-height: 600px;
    max-height: 700px;
}
/*Testimonials Responsive Css End*/

/*Testimonial Section Css Responsive Start Here*/

.testimonial-inner .testimonial-thumb-slider .slick-track{
    justify-content: end;
}
/*Testimonial Section Css Responsive End Here*/


/*Home Page Responisve End Here*/
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
/*Home Page Responisve Start Here*/

/*Header Responsive Css Start*/

.mobile-logo a img{
    width:100%;
}

.navbar-default .navbar-nav>li>a{
    margin:0 15px;
}

/*Header Responsive Css End*/
/*Banner Responsive Css Start*/
.section-1 .banner-images{
	right: -10px;
}
.section-1 .banner-images img.ipad{
	right: 0;
	width: 100%;
}
.section-1 .banner-images img.c-1 {
    right: 175px;
    width: 300px;
}
.section-1 .banner-images img.c-2 {
    right: -40px;
    top: 100px;
    width: 200px;
}
/*Banner Responsive Css End*/
/*Why Explainer Responsive Css Start*/
.why-explainer{
    padding:50px 0 !important;
}

/*Why Explainer Responsive Css End*/

/*Our Service Responsive Css Start*/

.ser-box .ser-content{
    padding-left:0px;
}

/*Our Service Responsive Css End*/

/*Success Section Responsive Css Start*/

.success-box span{
    font-size:52px;    
}

/*Success Section Responsive Css End*/


/*Testimonials Responsive Css Start*/
.testi_new_slider_box{
    min-height: 600px;
    max-height: 700px;
}
/*Testimonials Responsive Css End*/
.benefit-box-main .row{
    align-items:center;
}

.benefit-box-main .benefit-img img{
    max-width: -webkit-fill-available;
}

/*Reviews And Counter Section Responsive Css Start*/

.review-counter-wrap .reviews-images{
	flex-wrap: wrap;
}
.reviews-images a{
	margin: 0 10px 20px 0;
}
.reviews-counter-area .counter-content-box{
	margin: 0 0 20px 0;
}
/*Reviews And Counter Section Responsive Css End*/

/*Project CTA Section Responsive Css Start*/
section.project-cta-wrap{
	padding: 30px 0;
}
.cta-content-side p img{
	right: -75px
}

.project-cta-wrap .cta-img-side img{
	width: 75%;
}
/*Project CTA Section Responsive Css End*/

/*Portfolio Section Responsive Css Start Here*/

.folio-tabs li{
	margin: 0 10px 10px !important;
}
.portfolio_box{
    margin:0 0px 20px;
}

/*Portfolio Section Responsive Css End Here*/

/*Award Section Fold Responsive Css Start*/
section.award-sec-wrap {
    padding: 30px 0;
}
.award-sec-items .award-item-box{
	margin: 0 10px 20px;
}
/*Award Section Fold Responsive Css End*/

/*Testimonial Section Css Responsive Start Here*/

.testimonial-inner .testimonial-thumb-slider .slick-track{
    justify-content: end;
}

/*Testimonial Section Css Responsive End Here*/

/*Main Contact Section Responsive Css Start*/

.contact-sec-head h5{
    width: 75%;
}

/*Main Contact Section Responsive Css End*/

/*Home Page Responisve End Here*/


}

@media only screen and (min-width: 768px) and (max-width: 991px) {
/*Home Page Responisve Start Here*/

/*Header Responsive Css Start*/

.mobile-logo a img{
    width:100%;
}

/*Header Responsive Css End*/
/*Banner Responsive Css Start*/
.section-1 .banner-images{
	display: none;
}
/*Banner Responsive Css End*/

/*Why Explainer Responsive Css Start*/
.why-explainer{
    padding:50px 0 !important;
}

/*Why Explainer Responsive Css End*/



/*Our Service Responsive Css Start*/
.ser-box{
   min-height: 550px;
    max-height: 550px; 
}

.ser-box .ser-content{
    padding-left:0px;
}

/*Our Service Responsive Css End*/


/*Testimonials Responsive Css Start*/
.testi_new_slider_box{
    min-height: 750px;
    max-height: 750px;
}
/*Testimonials Responsive Css End*/


/*FAQS Responsive Css Start*/


.faq-img{
    margin:20px 0 0 0;
}

/*FAQS Responsive Css End*/
/*Reviews And Counter Section Responsive Css Start*/
section.review-counter-wrap{
	padding: 30px 0;
}
.review-counter-wrap .reviews-images{
	flex-wrap: wrap;
}
.reviews-images a{
	margin: 0 10px 20px 0;
}
.reviews-counter-area .counter-content-box{
	margin: 0 0 10px 0;
}
/*Reviews And Counter Section Responsive Css End*/

/*Project CTA Section Responsive Css Start*/
section.project-cta-wrap{
	padding: 30px 0;
}
.project-cta-wrap .cta-content-side{
	text-align: center;
}
.cta-content-side p img{
	display: none;
}
.cta-content-side ul.cta-content-list{
	flex-wrap: wrap;
    margin: 20px 0 20px 0;
    justify-content: center;
}
.cta-content-side ul.cta-content-list li{
	margin: 0 10px 10px 0;
	justify-content: center;
}
.cta-content-side .cta-buttons{
	flex-wrap: wrap;
	justify-content: center;
}
.cta-content-side .cta-buttons .number-btn{
	margin: 20px 20px;
}
.project-cta-wrap .cta-img-side img{
	width: 25%;
}
/*Project CTA Section Responsive Css End*/

/*Portfolio Section Responsive Css Start Here*/

.folio-tabs li{
	margin: 0 10px 10px !important;
}
.portfolio_box{
    margin:0 0px 20px;
}

/*Portfolio Section Responsive Css End Here*/

/*Award Section Fold Responsive Css Start*/
section.award-sec-wrap {
    padding: 30px 0;
}
.award-sec-items .award-item-box{
	margin: 0 10px 20px;
}
/*Award Section Fold Responsive Css End*/

/*Testimonial Section Css Responsive Start Here*/
.testimonial-sec-wrap .testimonial-head h3{
	width: 75%;
}

.testi-main-slider .slick-slide .testi-slide-item{
    width: 100% !important;
}


.testimonial-inner .testimonial-thumb-slider .slick-list{
	padding: 0 20px !important;
}
.testimonial-inner .testimonial-thumb-slider .slick-track{
    justify-content: center;
    width: 100% !important;
    transform: translate3d(0px, 0px, 0px) !important;
}
.testimonial-inner .testimonial-thumb-slider .slick-slide{
	margin: 0 5px !important;
}
.testimonial-inner .testimonial-thumb-slider .slick-slide img{
    margin: 0 auto;
}
/*Testimonial Section Css Responsive End Here*/

/*Main Contact Section Responsive Css Start*/
section.contact-sec-wrap{
    padding: 30px 0;
}
.contact-sec-wrap .contact-sec-head{
    margin: 0 0 50px 0;
}
.contact-sec-head h5{
    width: 100%;
}
.contact-sec-wrap .contact-sec-img{
	margin: 0 0 40px 0;
	text-align: center;
}
.contact-sec-form .form-group{
	text-align: center;
}
.contact-sec-form .form-group input{
	width: 75%;
}
.contact-sec-form .form-group .intl-tel-input{
	width: 75%;
}
.contact-sec-form .form-group input.phone{
	width: 100%;
}
.contact-sec-form .form-group textarea{
	width: 75%;
}
/*Main Contact Section Responsive Css End*/


/*Popup Form Responsive Css Start*/

.pop-form .close-btn{
    line-height:30px;
}

.popup_form_new{
    width:630px !important;
}

/*Popup Form Responsive Css End*/

/*Home Page Responisve End Here*/

/*New Service Page Responsive Css Here*/
	
	
	section.service-info-wrap{
	    padding:50px 0;
	}
	
	.service-info-wrap .service-info-inner{
	    margin: 0 0 50px 0;
	}
	
	.service-info-inner .service-info-content{
	    text-align:center;
	}
	
	.service-info-inner .order-two{
	    order:2;
	}
	
	.service-info-inner .order-one{
	    order:1;
	}
	
	.service-info-inner .service-info-img img{
	    width:75%;
	}
	
/*New Service Page Responsive Css End Here*/



}

@media only screen and (min-width: 520px) and (max-width: 767px) {
/*Home Page Responisve Start Here*/

/*Header Responsive Css Start*/
.top-bar ul.top-bar-ul{
    width: 100%;
    float: inherit;
    display: flex;
    justify-content: center;
}

.mobile-header .mobile-logo a img{
    width:75%;
}

/*Header Responsive Css End*/

/*Banner Responsive Css Start*/
.section-1{
    height:inherit;
    padding:50px 0;
}

.section-1 .container h1{
    font-size: 32px;
    line-height: 42px;
}
.section-1 .banner-images{
	display: none;
}

/*Banner Responsive Css End*/

/*Our Service Responsive Css Start*/
.ser-box{
    min-height: 560px;
    max-height: 560px; 
}

.ser-box .ser-content h3{
    font-size:20px;
}

#our_services .slick-next{
    right:-15px;
}

#our_services .slick-prev {
    left: -15px;
}

/*Our Service Responsive Css End*/

/*Portfolio Responsive Css Start*/



.folio-sec{
    padding: 50px 0 30px;
}

.portfolio_box{
    margin:0 20px;
}

/*Portfolio Responsive Css End*/

/*Testimonials Responsive Css Start*/
.testi_new_slider_box{
    min-height: 725px;
    max-height: 750px;
}

.testi-slider .slick-slide img{
    width:100%;
}

/*Testimonials Responsive Css End*/

/*FAQS Responsive Css Start*/

.faqs-section{
    padding:15px 0 40px 0;
}

.faqs-section .faq h3.subtitle{
    font-size:32px;
}

.faq-img{
    display:none;
}

/*FAQS Responsive Css End*/

/*Video Animation Responsive Css Start*/

.video-animation-wrap .video-animation-content h2{
    font-size:32px;
    line-height:40px;
}

.video-animation-wrap .video-animation-content h2 span{
    font-size:32px;
}

.video-animation-content .video-animate-more .r-more-hide h2{
    font-size:32px;
    line-height:40px;
}

.video-animation-content .video-animate-more .r-more-hide h2 span{
    font-size:32px;
}

/*Video Animation Responsive Css End*/

/*Reviews And Counter Section Responsive Css Start*/
section.review-counter-wrap{
	padding: 30px 0;
}


.review-counter-wrap .reviews-images{
	flex-wrap: wrap;
}
.reviews-images a{
	margin: 0 10px 20px 0;
}

.reviews-counter-area .counter-content-box{
	margin: 0 0 10px 0;
}
.reviews-counter-area .counter-content-box .counter-content-img {
    width: 75px;
    height: 75px;
    line-height: 65px;
}
.counter-content-box .counter-content-img img {
    width: 30px;
}
/*Reviews And Counter Section Responsive Css End*/

/*Project CTA Section Responsive Css Start*/
section.project-cta-wrap{
	padding: 30px 0;
}
.project-cta-wrap .cta-content-side{
	text-align: center;
}
.cta-content-side p img{
	display: none;
}
.cta-content-side ul.cta-content-list{
	flex-wrap: wrap;
	display: block;
	margin: 0 0 20px 0;
}
.cta-content-side ul.cta-content-list li{
	margin: 0 0 10px 0;
	justify-content: center;
}
.cta-content-side .cta-buttons{
	flex-wrap: wrap;
	justify-content: center;
	display: block;
}
.cta-content-side .cta-buttons .number-btn{
	margin: 20px 20px;
}
.cta-content-side .cta-buttons button.chat-btn{
	margin: 0 auto 20px;
}
/*Project CTA Section Responsive Css End*/

/*Portfolio Section Responsive Css Start Here*/
.folio-sec .folio-sec-head h5{
    width: 50%;
}
.folio-sec .folio-sec-head h2 {
    font-size: 32px;
    line-height: 38px;
}
.folio-tabs li{
	margin: 0 10px 20px;
}
.portfolio_box{
    margin:0 10px 20px;
}

/*Portfolio Section Responsive Css End Here*/

/*Award Section Fold Responsive Css Start*/
section.award-sec-wrap {
    padding: 30px 0;
}
.award-sec-items .award-item-box{
    width: 40%;
    margin: 0 auto 20px;
}
.award-sec-items .award-item-box a img{
	width: 150px;
	height: 150px;
}
/*Award Section Fold Responsive Css End*/

/*Testimonial Section Css Responsive Start Here*/
.testimonial-sec-wrap .testimonial-head h3{
	width: 100%;
}

.testi-main-slider .slick-slide .testi-slide-item{
    display: inline-block !important;
    width: 100% !important;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.testi-main-slider .testi-slide-item img.thumb-img {
    margin: 0 auto 20px;
}
.testi-main-slider .testi-slide-item .testi-slide-content img.quote-img {
    top: -60px;
    left: 0;
}
.testimonial-inner .testimonial-thumb-slider .slick-list{
	padding: 0 20px !important;
}
.testimonial-inner .testimonial-thumb-slider .slick-track{
    justify-content: center;
    width: 100% !important;
    transform: translate3d(0px, 0px, 0px) !important;
}
.testimonial-inner .testimonial-thumb-slider .slick-slide{
	margin: 0 5px !important;
}
.testimonial-inner .testimonial-thumb-slider .slick-slide img{
    margin: 0 auto;
}
/*Testimonial Section Css Responsive End Here*/

/*Main Contact Section Responsive Css Start*/
section.contact-sec-wrap{
    padding: 30px 0;
}
.contact-sec-wrap .contact-sec-head{
    margin: 0 0 50px 0;
}
.contact-sec-head h5{
    width: 100%;
    line-height: 26px;
}
.contact-sec-wrap .contact-sec-img{
	margin: 0 0 40px 0;
	text-align: center;
}
.contact-sec-form .form-group{
	text-align: center;
}
.contact-sec-form .form-group input{
	width: 75%;
}
.contact-sec-form .form-group .intl-tel-input{
	width: 75%;
}
.contact-sec-form .form-group input.phone{
	width: 100%;
}
.contact-sec-form .form-group textarea{
	width: 75%;
}
/*Main Contact Section Responsive Css End*/


/*Footer Responsive Css Start*/
.ftr-box-3{
    margin: 0px;
    width: 100%;
}
/*Footer Responsive Css End*/

/*Popup Form Responsive Css Start*/

.pop-form {
    width: 95% !important;
}

.pop-form .close-btn{
    line-height:30px;
}

/*Popup Form Responsive Css End*/

/*Home Page Responisve End Here*/

/*New Service Page Responsive Css Here*/
	
	.banner-text-color p{
	    margin:0 auto;
	}
	
	section.service-info-wrap{
	    padding:50px 0;
	}
	
	.service-info-wrap .service-info-inner{
	    margin: 0 0 50px 0;
	}
	
	.service-info-inner .service-info-content{
	    text-align:center;
	}
	
	.service-info-inner .order-two{
	    order:2;
	}
	
	.service-info-inner .order-one{
	    order:1;
	}
	
	.service-info-inner .service-info-img img{
	    width:95%;
	}
	
/*New Service Page Responsive Css End Here*/    
/*Inner Banner Responsive Css Start*/

.inner-banner-head p{
    margin:0 auto;
}


/*Inner Banner Responsive Css End*/

    
    
}

@media only screen and (min-width: 300px) and (max-width: 519px) {
    
/*Home Page Responisve Start Here*/

/*Header Responsive Css Start*/
.top-bar ul.top-bar-ul{
    width: 100%;
    float: inherit;
    display: flex;
    justify-content: center;
}

/*Header Responsive Css End*/

/*Banner Responsive Css Start*/
.section-1{
    height:inherit;
    padding:50px 0;
}

.section-1 .container h1{
    font-size: 32px;
    line-height: 42px;
}
.section-1 .dFlex {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.banner_form_sec{
    padding:30px 20px;
}

.section-1 .banner-images{
	display: none;
}

/*Banner Responsive Css End*/


/*Our Service Responsive Css Start*/
.ser-box{
    min-height: 500px;
    max-height: 500px; 
}
/*Our Service Responsive Css End*/

/*Portfolio Responsive Css Start*/

.folio-sec{
    padding: 50px 0 30px;
}

.portfolio_box img{
    height:inherit;
}
/*Portfolio Responsive Css End*/

/*Process Home Responsive Css Start*/
.conten_hidden_trigger_btn{
    width:100%;    
}

.conten_hidden_trigger_btn h6{
    font-size:14px;
}

/*Process Home Responsive Css End*/

/*Testimonials Responsive Css Start*/
.testi_new_slider_box{
    min-height: 725px;
    max-height: 750px;
}

/*Testimonials Responsive Css End*/


/*FAQS Responsive Css Start*/

.faqs-section{
    padding:15px 0 40px 0;
}

.faqs-section .faq h3.subtitle{
    font-size:32px;
}

.faq-img{
    display:none;
}

/*FAQS Responsive Css End*/

/*Video Animation Responsive Css Start*/

.video-animation-wrap .video-animation-content h2{
    font-size:26px;
    line-height:32px;
}

.video-animation-wrap .video-animation-content h2 span{
    font-size:26px;
    display:block;
}

.video-animation-content .video-animate-more .r-more-hide h2{
    font-size:26px;
    line-height:32px;
}

.video-animation-content .video-animate-more .r-more-hide h2 span{
    font-size:26px;
    display:block;
}

/*Video Animation Responsive Css End*/
/*Reviews And Counter Section Responsive Css Start*/
section.review-counter-wrap{
	padding: 30px 0;
}
.review-counter-wrap .reviews-images{
	flex-wrap: wrap;
}
.reviews-images a{
	margin: 0 10px 20px 0;
}
.reviews-counter-area .counter-content-box{
	margin: 0 0 10px 0;
}
.reviews-counter-area .counter-content-box .counter-content-img {
    width: 75px;
    height: 75px;
    line-height: 65px;
}
.counter-content-box .counter-content-img img {
    width: 30px;
}
/*Reviews And Counter Section Responsive Css End*/

/*Project CTA Section Responsive Css Start*/
section.project-cta-wrap{
	padding: 30px 0;
}
.project-cta-wrap .cta-content-side{
	text-align: center;
}
.cta-content-side p img{
	display: none;
}
.cta-content-side ul.cta-content-list{
	flex-wrap: wrap;
	display: block;
	margin: 0 0 20px 0;
}
.cta-content-side ul.cta-content-list li{
	margin: 0 0 10px 0;
	justify-content: center;
}
.cta-content-side .cta-buttons{
	flex-wrap: wrap;
	justify-content: center;
	display: block;
}
.cta-content-side .cta-buttons .number-btn{
	margin: 20px 20px;
}
.cta-content-side .cta-buttons button.chat-btn{
	margin: 0 auto 20px;
}
/*Project CTA Section Responsive Css End*/

/*Portfolio Section Responsive Css Start Here*/
.folio-sec .folio-sec-head h5{
    width: 80%;
}
.folio-sec .folio-sec-head h2 {
    font-size: 32px;
    line-height: 38px;
}
.folio-tabs{
	display: inline-block;
}
.folio-tabs li{
	margin: 0 10px 20px;
}
.portfolio_box{
    margin:0 10px 20px;
}

/*Portfolio Section Responsive Css End Here*/

/*Award Section Fold Responsive Css Start*/
section.award-sec-wrap {
    padding: 30px 0;
}
.award-sec-items .award-item-box{
    width: 50%;
    margin: 0 auto 20px;
}
.award-sec-items .award-item-box a img{
	width: inherit;
	height: inherit;
}
/*Award Section Fold Responsive Css End*/

/*Testimonial Section Css Responsive Start Here*/
.testimonial-sec-wrap .testimonial-head h3{
	width: 100%;
}

.testi-main-slider .slick-slide .testi-slide-item{
    display: inline-block !important;
    width: 100% !important;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.testi-main-slider .testi-slide-item img.thumb-img {
    margin: 0 auto 20px;
}
.testi-main-slider .testi-slide-item .testi-slide-content img.quote-img {
    top: -60px;
    left: 0;
}
.testimonial-inner .testimonial-thumb-slider .slick-list{
	padding: 0 20px !important;
}
.testimonial-inner .testimonial-thumb-slider .slick-track{
    justify-content: center;
    width: 100% !important;
    transform: translate3d(0px, 0px, 0px) !important;
}
.testimonial-inner .testimonial-thumb-slider .slick-slide{
	margin: 0 5px !important;
}
.testimonial-inner .testimonial-thumb-slider .slick-slide img{
    margin: 0 auto;
}
/*Testimonial Section Css Responsive End Here*/

/*Main Contact Section Responsive Css Start*/
section.contact-sec-wrap{
    padding: 30px 0;
}
.contact-sec-wrap .contact-sec-head{
    margin: 0 0 50px 0;
}
.contact-sec-head h5{
    width: 100%;
    line-height: 26px;
}
.contact-sec-wrap .contact-sec-img{
	margin: 0 0 40px 0;
}
.contact-sec-form .form-group{
	text-align: center;
}
.contact-sec-form .form-group input{
	width: 100%;
}
.contact-sec-form .form-group .intl-tel-input{
	width: 100%;
}
.contact-sec-form .form-group input.phone{
	width: 100%;
}
.contact-sec-form .form-group textarea{
	width: 100%;
}
/*Main Contact Section Responsive Css End*/


/*Footer Responsive Css Start*/
.ftr-box-3{
    margin: 0px;
    width: 100%;
}
/*Footer Responsive Css End*/



/*Popup Form Responsive Css Start*/


.pop-form .close-btn{
    line-height:30px;
}
/*Popup Form Responsive Css End*/

/*Home Page Responisve End Here*/


/*New Service Page Responsive Css Here*/
	
	.banner-text-color p{
	    margin:0 auto;
	}
	
	
	section.service-info-wrap{
	    padding:50px 0;
	}
	
	.service-info-wrap .service-info-inner{
	    margin: 0 0 50px 0;
	}
	
	.service-info-inner .service-info-content{
	    text-align:center;
	}
	
	.service-info-inner .order-two{
	    order:2;
	}
	
	.service-info-inner .order-one{
	    order:1;
	}
	
	.service-info-inner .service-info-img img{
	    width:95%;
	}
	
/*New Service Page Responsive Css End Here*/

/*Inner Banner Responsive Css Start*/

.inner-banner-head p{
    margin:0 auto;
}

/*Inner Banner Responsive Css End*/

/*Float Buttons Responsive Css Start*/
.floatbutton{
    right: -261px;
    width: 300px;
}
.floatbutton .clickbutton{
	width: 40px;
}
.floatbutton .banner-form{
	padding: 20px;
	width: 260px;
}
.btns_wrap .chat_wrap{
	right: -236px;
}
.btns_wrap .chat_wrap span.icoo{
    padding: 13px 10px 13px 10px;
}
.btns_wrap .chat_wrap span.icoo i, 
.btns_wrap .call_wrap span.icoo i{
	font-size: 18px;
}
.btns_wrap .chat_wrap span {

    padding: 15px 25px 15px 15px;
}
.btns_wrap .call_wrap{
	right: -251px;
}
.btns_wrap .call_wrap span.icoo {
    padding: 15px 10px 15px 10px;
}
/*Float Buttons Responsive Css End*/

}


@media (min-width:1200px) and (max-width:1600px) {
	.dropdown-menu.dropdown-menu-types {
		left: calc(-2% * 10)
	}
	.dropdown-menu-service {min-width: 70rem !important;left: -340px;}

	.two-d-banner {
		background-position: center !important
	}
	.dropdown-menu-types {left: 100px;}

.dropdown-menu.dropdown-menu-types {left: -375px;}

	.benefit-img img {
		height: 504px;
		max-width: 106%
	}

	.benefit-box-head h3 {
		padding: 0 0 10px 0
	}

	.benefit-box-head a {
		margin: 15px 0 0 0
	}

	.benefit-box-head {
		padding-top: 20px
	}

	.benefit-sec .slick-arrow:before {
		font-size: 30px
	}

	.h_slide_1_box {
		padding-left: 26%
	}

	.navbar-expand-lg .navbar-nav .nav-link {
		padding: 20px 0 0 0
	}

	.navbar-default .navbar-nav>li>a {
		padding: 20px 0 0 0;
		margin: 0 20px
	}

	.benefit-sec .slick-prev {
		left: -70px;
		width: 40px;
		height: 40px
	}

	.benefit-sec .slick-next {
		right: -73px;
		width: 40px;
		height: 40px
	}

	.why-sec {
		padding: 40px 0 40px
	}

	.success-box {
		padding: 20px 5px
	}

	.success-box {
		justify-content: center
	}

	.success-box h6 {
		padding: 0 0 0 11px
	}

	.success-box span {
		font-size: 70px
	}

}

@media (min-width:1200px) and (max-width:1440px) {
	.request_quote_header_btn a {
		padding: 4px 12px !important;
		margin: 13px 18px 0 0 !important;
	}

	.navbar-default .navbar-nav>li>a {
		padding: 20px 0 0 0;
		margin: 0 15px
	}

	.dropdown-menu.dropdown-menu-types {
		left: calc(-2% * 18)
	}

}

@media (min-width:1200px) and (max-width:1320px) {
	.navbar-default .navbar-nav>li>a {
		margin: 0 11px;
		font-size: 17px
	}

}

@media (min-width:1200px) and (max-width:1270px) {
	.navbar-default .navbar-nav>li>a {
		margin: 0 10px;
		font-size: 15px
	}

}

@media (min-width:768px) and (max-width:1100px) {
	.mobile-header {
		display: block !important
	}

	.audience-sec-new {
		margin: 0 0 30px 0
	}
.dropdown-menu {position: relative;left: 0;top: 0;float: inherit;background: none;}
	.red-chat {
		padding: 15px 20px;
		font-size: 15px
	}

	.btn-white {
		padding: 15px 20px;
		font-size: 15px
	}

	.two-d-banner .col-md-6 {
		max-width: 100%;
		flex: 100%
	}

	.benefit-img img {
		max-width: 100%
	}

	.benefit-box-head {
		padding-bottom: 30px
	}

	section.benefit-sec .slick-dots {
		padding: 0
	}

	.benefit-box-main .row {
		align-items: center
	}

	.map-sec iframe {
		width: 100%
	}

	.header-main.top-fix {
		display: none
	}

	.mobile-logo img {
		max-width: fit-content
	}

	.sidenav {
		padding: 0
	}

	.h_slide_1_box {
		padding-left: 33%
	}

	.ft-hd-5 {
		margin: 0 0 0 14px;
		font-size: 17px !important
	}

	.ft-hd-6 {
		font-size: 18px !important;
		margin: 0 0 0 20px
	}

	.ft-hd-3 {
		font-size: 40px !important;
		margin: 5px 0 0 20px !important
	}

	.ft-hd-1 {
		font-size: 40px !important;
		left: 20px !important
	}

	.ft-hd-1 i.ired {
		font-size: 40px !important
	}

	.ired {
		background: no-repeat
	}

	.light_heavy_58 {
		font-size: 40px !important
	}

	.tp-caption.black_heavy_90 {
		font-size: 70px !important
	}

	.why-explainer {
		padding: 0 0 20px 0
	}

	.h_slide3_text_box {
		margin: 60px 0 0 0 !important
	}

	.h_slide3_ul {
		font-size: 37px
	}

	.slider-hd-1 {
		font-size: 42px !important
	}

	.slider-hd-3 {
		font-size: 40px !important
	}

	.slider-hd-2 {
		font-size: 40px !important
	}

	.slider-hd-5 {
		left: 112px !important;
		position: relative
	}

	.slider-hd-4 {
		position: relative;
		left: 90px !important
	}

	.why-explainer-boxes .col-md-3 {
		max-width: 50%;
		flex: 100%
	}

	.folio-tabs {
		flex-wrap: wrap;
		margin: 20px 0 40px 0;
		padding: 0
	}

	.folio-tabs li {
		margin: 0 0 20px 0
	}

	.folio-sec {
		padding: 30px 0 0 0
	}

	.video_process_v video {
		width: 100%
	}

	#replayButton {
		right: -32px;
		top: 10px
	}

	.slide-text {
		padding: 0 90px
	}

	.midAreaSlider_case_studies .slide-text img {
		width: 183px
	}

	.slide-text h3 {
		margin: 0 0 20px0
	}

	.midAreaSlider_case_studies .slick-dots {
		top: 0
	}

	.slide-text p {
		font-size: 15px;
		line-height: 25px
	}

	br {
		display: none
	}

	.cta_one h2 {
		font-size: 20px
	}

	.cta_one p {
		font-size: 16px
	}

	.cta_two {
		padding: 20px 0
	}

	.content_are_home {
		padding: 30px
	}

	.content_are_home_img img {
		position: relative;
		max-width: 100%
	}

	.video_content_area h2 {
		font-size: 25px
	}

	.video_content_area h2 span {
		font-size: 30px
	}

	.video_content_area h4 {
		padding: 20px 0 0 0
	}

	.success-head h2 {
		font-size: 25px
	}

	.success-head h2 span {
		font-size: 30px
	}

	.success-box span {
		font-size: 20px
	}

	.success-box h6 {
		font-size: 13px;
		padding: 0 0 0 10px
	}

	.call-to-action {
		padding: 0 0 120px 0
	}

	.ftr-box-2 {
		padding: 0
	}

	.upper-ftr .row {
		align-items: center !important
	}

	.ftr-box-3 h5 {
		font-size: 14px;
		text-align: center
	}

	.social-list li img {
		width: 70px !important
	}

	.social-list li a {
		font-size: 14px
	}

	.ftr-box-3 .red-chat {
		margin-bottom: 19px
	}

	ul.ftr-box-links li a {
		font-size: 13px
	}

	.ftr-links h6 {
		font-size: 14px
	}

	.hp-logo {
		display: none !important
	}

	.police-logo {
		display: none !important
	}

}

@media (min-width:300px) and (max-width:767px) {
	p {
		font-size: 15px !important;
		line-height: 25px !important
	}
	
	.container{
	    padding: 0 20px !important;
	}

	.sidenav a {
		padding: 10px 38px 10px 20px
	}

	#replayButton {
		display: none
	}
	
	
	
	
	

	.ft-hd-1 {
		left: -100px !important;
		font-size: 30px !important;
		top: 20px !important
	}

	.ft-hd-1 i {
		font-size: 30px !important
	}

	.ft-hd-1 i.ired {
		font-size: 30px !important;
		left: 60px !important;
		position: relative;
		top: 0
	}

	.ft-hd-3 {
		font-size: 40px !important
	}

	.ft-hd-6 {
		left: -73px !important;
		font-size: 14px !important
	}

	.ft-hd-5 {
		font-size: 14px !important;
		left: 30px !important
	}

	.ft-hd-4 {
		font-size: 14px !important
	}

	.ft-hd- {
		font-size: 14px !important
	}

	.h_slide_1_box {
		padding-left: 30%
	}

	.ft-hd-2 {
		font-size: 40px !important;
		top: 36px !important
	}

	.ft-hd-3 {
		position: relative;
		left: 90px !important;
		top: 43px !important;
		color: #fff !important;
		font-size: 40px !important
	}

	.ired {
		background-image: none
	}

	.better-btn {
		top: 165px !important;
		left: 70px !important
	}

	.news-banner {
		left: 310px !important
	}

	.slider-hd-3 {
		left: 100px !important
	}

	.slider-hd-4 {
		left: 50px !important;
		top: 118px !important
	}

	.slider-hd-5 {
		left: 50px !important;
		top: 136px !important
	}

	.mobile-header {
		display: block !important
	}

	.dropdown-menu {
		top: inherit !important;
		background: 0 0 !important;
		right: 0 !important;
		left: inherit !important;
		text-align: right !important;
		float: inherit !important;
		position: relative !important
	}

	br {
		display: none !important
	}

	.hp-logo {
		display: none !important
	}

	.police-logo {
		display: none !important
	}

	.trust_icons_new img {
		margin-bottom: 0 !important
	}

	a.colse_btn {
		right: 0 !important;
		left: inherit !important;
		top: 0 !important
	}

	a.colse_btn img {
		filter: invert(1)
	}

	.inner-banner-types br {
		display: none
	}

	.midAreaSlider_case_studies .slick-dots {
		position: relative;
		bottom: 0;
		top: 0;
		right: 0;
		min-height: inherit;
		padding: 20px 0 0 0
	}

	.midAreaSlider_case_studies .slick-dots li {
		display: inline-block
	}

	.midAreaSlider_case_studies li.slick-active::before {
		display: none
	}

	.midAreaSlider_case_studies .slick-dots li {
		margin: 0 10px 30px
	}

	.tp-caption.grey_heavy_72 {
		font-size: 24px !important
	}

	.tp-caption.black_heavy_60 {
		font-size: 26px !important
	}

	.tp-caption.grey_regular_18 {
		font-size: 12px !important
	}

	.h_slide3_text_box {
		margin: 30px 0 0 0 !important
	}

	.h_slide3_ul {
		font-size: 22px !important;
		margin: 0 0 0 15px !important
	}

	.h_slide3_ul img {
		top: 0
	}

	.tp-caption.black_heavy_90 {
		font-size: 30px !important
	}

	.light_heavy_90_blue {
		font-size: 50px !important
	}

	.light_heavy_58 {
		font-size: 22px !important
	}

	.top-bar-social {
		justify-content: center;
		float: inherit;
		padding: 0 0 15px 0
	}

	.top-bar {
		padding-bottom: 15px
	}

	section.benefit-sec .slick-dots {
		padding: 0
	}

	.process-box p {
		padding: 0 0 20px 0
	}

	section.contact-sec {
		padding: 50px 0
	}

	section.contact-sec h3 {
		font-size: 30px;
		padding: 0 0 20px 0
	}

	.contact_banner_box p {
		text-align: center
	}

	ul.contact_banner_box_tabs {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		justify-content: space-between
	}

	.contact_banner_box_tabs li {
		display: inherit;
		width: 45%;
		margin: 0 0 20px 0
	}

	.contact_banner_box_tabs li a {
		padding: 10px 10px;
		font-size: 13px;
		text-align: center
	}

	.contact_banner_box button {
		display: table;
		margin: 0 auto 20px
	}

	.map-sec p {
		text-align: center
	}

	.process-sec-1 {
		padding-bottom: 20px
	}

	.header-main {
		display: none
	}

	section.location-banner h1 {
		font-size: 25px
	}

	.div_right_image {
		display: none
	}

	.industry_second_content_area_row_two {
		padding: 50px 0 0 0
	}

	.industry_second_content_area {
		margin: 0;
		padding: 20px 0
	}

	section.location-banner h1 span {
		font-size: 30px
	}

	.production-sec-head-1 .red-chat {
		margin-bottom: 20px
	}

	.red-chat {
		font-size: 13px
	}

	section.app-demo-banner h1 span {
		font-size: 25px;
		padding: 0 0 20px 0
	}

	.inner-banner-types {
		min-height: auto;
		padding: 30px 0;
		background-position: left !important
	}

	section.app-demo-banner h1 {
		font-size: 20px;
		line-height: 30px;
		text-align: center
	}

	.app-benefits-head .red-chat {
		display: table;
		margin: 0 auto 20px
	}

	.audience-img {
		display: none
	}

	.btn-white {
		font-size: 13px
	}

	.dropdown-menu a {
		padding-left: 50px
	}

	section {
		overflow: hidden !important
	}

	h2.main-title span {
		font-size: 30px;
		display: block
	}

	.why-explainer h3 {
		font-size: 18px;
		line-height: 26px
	}

	.video_content_area h2 {
		margin: 0
	}

	.dropdown-toggle::after {
		display: none
	}

	.trust_icons_new h3 {
		font-size: 20px;
		line-height: 25px
	}

	h3.plan-title {
		text-align: center;
		padding: 20px 0 0
	}

	p.plan-disc {
		text-align: center;
		padding: 0 0 20px 0
	}

	.all-plan {
		padding-bottom: 10px
	}

	.why-explainer {
		padding: 20px 0
	}

	h2.main-title {
		font-size: 20px;
		line-height: 35px;
		text-align: center
	}

	.why-explainer .main-title {
		margin: 0 0 20px 0
	}

	.folio-tabs {
		flex-wrap: wrap;
		margin: 30px 0 20px 0
	}

	.cta_one {
		padding: 30px 0
	}

	.cta_one h2 {
		font-size: 22px;
		line-height: 30px
	}

	.cta_one h3 {
		font-size: 19px;
		padding: 15px 0 10px 0
	}

	.cta_one a {
		margin: 0 0 20px 0;
		font-size:16px;
	}

	.types_of_videos {
		padding: 30px 0
	}

	.types_of_videos .main-title {
		margin: 0 0 20px 0
	}

	.types_of_videos h5 {
		font-size: 18px;
		line-height: 26px
	}

	.video_process_v {
		padding: 20px 0 0 0
	}

	.slide-text {
		padding: 30px 20px;
		text-align: center
	}

	.content_are_home {
		padding: 30px 10px
	}

	.sucess-sec {
		padding: 80px 0 0
	}

	.success-head h3 {
		font-size: 20px;
		line-height: 30px
	}

	.success-box h6 {
		font-size: 20px
	}

	.success-details p {
		padding: 0 0 20px 0
	}

	.call-to-action {
		background-position: center;
		padding: 0 0 100px 0
	}

	footer {
		padding: 30px 0
	}

	.ftr-box-1 {
		text-align: center
	}

	.ftr-box-2 {
		text-align: center;
		padding: 10px 0
	}

	.ftr-box-3 {
		text-align: center
	}

	.social-list {
		justify-content: center;
		margin: 20px 0 0 0
	}

	.bottom-ftr .col-md-2 {
		max-width: 50%;
		flex: 100%
	}

	.bottom-ftr .col-md-3 {
		max-width: 50%;
		flex: 100%
	}

	.ftr-links ul li a {
		font-size: 12px
	}

	.copy-para-box {
		display: block;
		text-align: center
	}

	.copy-para-box p {
		border-bottom: #ffdead
	}

	.video_content_area p {
		text-align: center
	}

	.call-to-action .main-title {
		font-size: 20px;
		line-height: 25px
	}

	.call-to-action .main-p {
		padding: 10px 0
	}

	.midAreaSlider_case_studies .slide-image {
		width: 100%;
		height: auto;
		height: 100%
	}

	.video_content_area h2.main-title {
		padding: 30px 0 0 0
	}

	section {
		overflow: hidden
	}

	.slide-text p {
		color: #ffff !important
	}

	.slide-text h3 {
		color: #fff !important
	}

	.left_right_flex h2 {
		font-size: 10px
	}

	.midAreaSlider_case_studies {
		background: #1e1e1e
	}

	.two-d-banner {
		padding: 30px 0;
		text-align: center;
		min-height: auto
	}

	.inner-banner-head h1 {
		font-size: 25px;
		line-height: 35px
	}

	.cta-btn {
		justify-content: center
	}

	.benefit-box-head {
		padding: 10px 20px;
		text-align: center
	}

	.benefit-box-head h3 {
		font-size: 30px;
		line-height: 35px
	}

	.benefit-box-head h3 span {
		font-size: 20px
	}

	.benefit-sec {
		padding: 30px 0
	}

	.benefit-img img {
		max-width: 100%;
		margin:0 auto;
	}

	.competitor-sec .slick-current.slick-active .competitor-box {
		left: 0
	}

	.competitor-sec .slider-nav .slick-list {
		padding: 0
	}

	.competitor-sec {
		padding: 30px 0
	}

	.testi-sec {
		padding: 30px 0
	}

	section.app-demo-banner h5 {
		font-size: 25px;
		line-height: 35px
	}

	section.app-demo-banner h3 {
		font-size: 30px
	}

	section.app-benefits {
		padding: 10px 0 20px 0
	}

	section.app-benefits h2 {
		font-size: 20px;
		padding: 0 0 0
	}

	.app-benefits-head h3 {
		font-size: 25px;
		text-align: center;
		line-height: 40px
	}

	.app-benefits-head strong {
		left: 0
	}

	.app-benefits-head h3 span {
		font-size: 20px;
		display: block
	}

	.app-benefits-head p {
		text-align: center;
		padding: 0 0 20px 0
	}

	.red-btn-new {
		display: table;
		margin: 0 auto 20px
	}

	.mt-5 {
		margin: 0 !important
	}

	.app-demo-folio {
		padding: 30px 0
	}

	section.app-demo-folio p {
		padding: 10px 0 20px 0
	}

	.audience-sec-new {
		text-align: center;
		background-position: center;
		padding: 20px 0
	}

	.audience-sec-new-head h3 {
		font-size: 25px
	}

	.testi-sec h3 {
		font-size: 30px
	}

	.app-benefit-img {
		margin: 0 0 20px 0
	}

	section.location-banner h6 {
		font-size: 20px
	}

	.location-banner h3 {
		font-size: 30px
	}

	.production-sec {
		padding: 30px 0 0;
		text-align: center;
		background-position: bottom
	}

	.production-sec-head-1 h6 {
		font-size: 19px
	}

	.production-sec-head-1 h3 {
		font-size: 30px;
		line-height: 35px;
		padding: 0 0 10px 0
	}

	.production-sec-head-1 h3 span {
		font-size: 30px
	}

	.location-box-3 {
		padding: 30px 0
	}

	.showing-head h6 {
		font-size: 20px;
		padding: 20px 0 10px 0
	}

	.showing-head h5 {
		font-size: 30px;
		padding: 0 0 10px 0
	}

	.solution-sec {
		text-align: center;
		padding: 30px 0
	}

	.solution-sec .production-sec-head-1 h3 {
		font-size: 25px;
		line-height: 30px
	}

	.why-sec {
		text-align: center;
		padding: 30px 0
	}

	.production-sec-head-1 p {
		padding: 0 0 10px 0
	}

	.disclaimer-sec {
		width: 100%
	}

	.top-bar ul.top-bar-ul li {
		margin: 0;
		padding: 0 10px
	}

	.top-bar ul.top-bar-ul li a {
		font-size: 10px
	}

	.trust_icons_new {
		padding-bottom: 0
	}

	.slide-text img {
		margin: 0 auto 20px
	}

	.success-box span {
		font-size: 50px
	}

	.video_process_v video {
		width: 100%
	}

	.midAreaSlider_case_studies .item {
		height: 600px
	}

	.midAreaSlider_case_studies .item::before {
		position: absolute;
		content: "";
		background: #000000b3;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		height: 100%;
		width: 100%
	}

	.video_content_area h4 {
		text-align: center;
		margin: 0
	}


}