/* Large desktop :1920px. */
@media (min-width: 1920px) {   
    .owl-carousel .owl-item .slider-img > img {width: 100%}
    .slide-content-wrapper{padding: 280px 0}
}

/* Laptop Device :1366px. */
@media (min-width: 1200px) and (max-width: 1500px) {


}

/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1200px) {
    .main-menu > nav > ul > li.buy-now > a {
   
  
	font-size: 20px;
	
    }
    .logo {padding: 25px 0 23px}
    .main-menu nav > ul > li > a {padding: 28px 10px}
    .why-content h2 {font-size: 25px}
    .why-content p {padding: 0 20px; line-height: 28px}
    .practice-content {padding: 26px 5px 0}
    .help-left p, .news-content p a {font-size: 16px}
    .two.slider-area .slide-content h2 {font-size: 50px; margin-bottom: 10px}
    .two.slider-area .slide-content p {font-size: 18px; line-height: 28px}
    .single-client {padding: 0 22px}
    .single-info p {font-size: 13px}
    .post-content p a {font-size: 13px; line-height: 25px}
    .post-img {margin-right: 13px}
    .blog-content h5 {font-size: 18px; line-height: 26px}
    .blog-content p {font-size: 14px; line-height: 25px}
    .blog-details-area .blog-content h5 {padding-right: 130px}
     blockquote {font-size: 15px}
    .blog-left, .service-detail-left{margin-right: 0px}
    .blog-content p {font-size: 13px}
    .service-detail-left p {font-size: 18px; margin-bottom: 30px}
    .serive-detail-right p {font-size: 14px; line-height: 25px; margin-bottom: 10px}
    .detail-title.mt-52 {margin-bottom: 20px; margin-top: 30px}
    .serive-detail-right .detail-title{margin-bottom: 20px}
    .serive-detail-right ul li {font-size: 13px; margin-bottom: 9px}
    .three .testimonial-content p {padding: 0px 50px}
    .two.three .single-service-wrapper {padding: 30px 28px 26px}
    .client-area{padding: 80px 0}
    .testimonial-content p {padding-right: 120px}
    .two .single-service-content h4 {font-size: 15px}
    .two.three .single-service-wrapper {padding: 30px 20px 26px}
    .single-service-content p {font-size: 12px; line-height: 22px}
    .practice-area.three .section-title p, .news-area.three .section-title p {font-size: 16px; margin: 0 40px 55px}
    .mission-left ul li:last-child {display: none;}
}

 
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
    .main-menu > nav > ul > li.buy-now > a {
   
  
	font-size: 20px;
	
    }
	.ser-img{
	display:none;
}
    .main-menu nav > ul > li > a {font-size: 12px; padding: 24px 10px 23px}
    .logo {padding: 21px 0}
    .main-menu > nav > ul > li.buy-now > a {margin-left: 0px; padding: 6px 15px}
    .main-menu > nav > ul > li > a::after {left: -7px}
    .slide-content h2 {font-size: 60px; margin-bottom: 20px; margin-top: 40px}
    .top-left ul li, .top-right p {margin-right: 34px; font-size: 13px}
    .header-top {padding-bottom: 10px; padding-top: 9px}
    .service-area, .why-area, .practice-area, .help-area, .news-area, .contact-area, .blog-area, .blog-details-area, .service-details-area, .client-area{padding: 80px 0}
    .service-details-area{padding-bottom: 25px}
    .help-left, .map-area{margin-right: 0; margin-bottom: 80px}
    .help-right{margin-left: 0}
    .why-area{padding-bottom: 120px}
    .why-content h2 {font-size: 25px; margin-bottom: 10px}
    .why-content p {padding: 0 35px}
    .fun-icon {margin-right: 2px}
    .fun-icon i {font-size: 30px}
    .fun-content h3 {font-size: 18px}
    .fun-content h4 {font-size: 13px}
    .single-fun::after {right: -10px}
    .fun-area-wrapper {margin-top: -63px; padding: 40px 0}
    .section-title h2 {font-size: 30px; margin-bottom: 60px}
    .main-footer .col-sm-6:first-child, .main-footer .col-sm-6:nth-child(2), .practice-area .col-sm-6:first-child, .practice-area .col-sm-6:nth-child(2), .contact-info:first-child .col-md-6, .col-md-3 .single-practice:first-child, .col-md-3 .single-practice:nth-child(2) {margin-bottom: 30px}
     .practice-area.service .col-sm-6:first-child, .practice-area.service .col-sm-6:nth-child(2) {margin-bottom: 0px}
    .single-service-content p {font-size: 13px; margin-top: 6px; line-height: 24px}
    .practice-img img {width: 100%}
    .testimonial-content p {font-size: 15px; line-height: 25px}
    .blog-content h5, .single-blog .blog-content h5 {padding: 0}
    .blogs-wrapper, .sidebar{margin-top: 30px}
    .blog-left, .service-detail-left{margin-right: 0px;}
    .blog-img.gradient-overlay img{width: 100%}
    .blog-content h5 {font-size: 18px; line-height: 18px}
    .blog-content p {font-size: 15px; line-height: 25px; margin-bottom: 25px}
    .blog-content h5 {line-height: 13px}
    .blog-details-area .blog-content h5 {padding-right: 0; line-height: 25px}
    blockquote {font-size: 12.8px; margin-left: 30px}
    .post-content p a {font-size: 12px; line-height: 24px}
    .post-img {margin-right: 15px}
    .blog-content p {font-size: 13px; line-height: 23px; margin-bottom: 20px}
    .comment-pic {margin-right: 15px}
    .comment-head {margin-bottom: 0}
    .blog-content h5 {font-size: 19px; line-height: 20px}
    .single-comment.child {margin-left: 20px}
    .newsletter-content p{font-size: 14px;}
    .serive-detail-right{margin-top: 0}
    .serive-detail-right p {font-size: 12px; line-height: 22px; margin-bottom: 10px}
    .detail-title.mt-52 {margin-bottom: 20px; margin-top: 30px}
    .serive-detail-right .detail-title{margin-bottom: 20px}
    .serive-detail-right ul li {font-size: 12px; margin-bottom: 12px}
    .service-detail-left p {font-size: 16px; margin-bottom: 70px}
    .mission-video{margin-left: 0; margin-top: 50px; height: 380px;}
    .mission-area{padding-top: 80px}
    .three .testimonial-content p {padding: 0px 50px}
    .two .single-service-content h4 {font-size: 15px}
    .two.slider-area .slide-content h2 {margin-bottom: 10px;font-size: 50px;}
    .testimonial-content p {padding-right: 60px}
    .testimonial-area .owl-dot::after {left: -40px; width: 30px}
    .two.three .single-service-wrapper {padding: 30px 20px 26px}
    .widget-video {height: 380px;}
    .touch-area{padding-top: 50px}
    .slide-content-wrapper {padding: 150px 0}
    .service-area .col-md-4:last-child, .news-area .col-md-4:last-child{padding-top: 40px}
    .service-area.two.three .col-md-3:first-child, .service-area.two.three .col-md-3:nth-child(2), .blog-left{padding-bottom: 30px}
}

 
/* small mobile :320px. */
@media (max-width: 767px) {
	.popupp{
		width:98%;
		height:100%;
		overflow:auto;
	}
	.ser-img{
	display:none;
}
	
	.cart-border .col-md-6{
		width:100%;
		float:left;
	}
	.cart-border .col-md-6 h3{
		text-align:center;
		width:100%;
		font-size: 14px;
	}
	.cart-border .col-md-6 h4{
		text-align:center;
		width:100%;
		font-size: 14px;	
	}
	.cart-border h4{
		font-size: 14px;
	}
	.cart-border input[type="text"]{
		font-size: 14px;
		width: 127%;
		float:right;
	}	
		
	.maring-top-30-cart{
	text-align:center;
	margin-top:30px;
	float:left;
    }
	.banner-area{display:none;}
	.banner-area1{display:none;}
	.banner-area2{display:none;}
	.banner-area3{display:none;}
	.banner-area4{display:none;}
	.banner-area5{display:none;}
	.banner-area6{display:none;}
    .mobile-menu a.meanmenu-reveal {margin-top: -47px}
    .logo {padding: 20px 0 18px;margin-top:10px;}
    .sticky .mean-container a.meanmenu-reveal {margin-top: -47px; transform: all 0.6s ease 0s}
    .help-left, .map-area{margin-right: 0; margin-bottom: 50px}
    .help-right{margin-left: 0}
    .section-title h2 {font-size: 25px; margin-bottom: 60px}
    .top-left ul li, .top-right p {font-size: 12px; margin-right: 16px}
    .top-left ul li:last-child {margin-right: 0px}
    .top-left ul li:last-child::after {background: rgba(0, 0, 0, 0) none repeat scroll 0 0}
    .top-left ul li::after, .top-right p::after {right: -10px}
    .top-left, .top-right {float: none; margin: auto; display: table}
    .top-left {margin-bottom: 3px}
    .top-right i {margin-top: 5px}
    .slide-content h4 {font-size: 16px; line-height: 16px}
    .slide-content h2 {font-size: 28px; line-height: 38px; margin-bottom: 25px; margin-top: 40px}
    .slide-content h4::after {bottom: -25px}
    .service-area, .why-area, .practice-area, .help-area, .news-area, .contact-area, .blog-area, .blog-details-area, .service-details-area, .client-area, .testimonial-area{padding: 60px 0}
    .why-area{padding-bottom: 160px}
    .fun-area-wrapper {margin-top: -175px}
    .single-service, .single-fun, .single-practice, .single-news, .single-widget, .contact-info:first-child .col-md-6, .blog-content a.default-btn, .serive-detail-right, .single-member, .contact-info:first-child .col-sm-6 {margin-bottom: 30px;}
    .single-service-content p {font-size: 13px;}
    .col-md-4:last-child .single-service, .col-sm-4:last-child .single-fun, .col-md-3:last-child .single-practice, .col-md-4:last-child .single-news, .col-md-3:last-child .single-widget, .col-sm-4:last-child .single-member{margin-bottom: 0}
    .single-service-icon a i {font-size: 28px; margin-right: 8px}
    .single-service-content {padding-left: 12px}
    .why-content h2 {font-size: 15px}
    .why-content p {font-size: 13px; line-height: 22px; padding: 0 14px}
    .practice-img img, .single-service-img img, .news-img img, .blog-img.gradient-overlay img, .practice-img img, .member-img > img {width: 100%}
    .fun-area-wrapper {margin-top: -135px; padding: 40px 0}
    .news-content p a {font-size: 16px; line-height: 20px}
    .footer-area{padding-top: 80px;}
    .practice-content {padding: 26px 15px 0}
    .map-area{height: 350px; overflow: hidden}
    .blog-content h5, .single-blog .blog-content h5 {padding: 0}
    .blogs-wrapper, .sidebar{margin-top: 30px}
    .blog-left, .service-detail-left{margin-right: 0px;}
    .blog-details-area .blog-content .detail-title h5 {padding-right: 0}
    .post-content p a {font-size: 14px; line-height: 20px}
    .post-content p {margin-bottom: 10px}
    .blog-details-area .blog-content h5 {padding-right: 0}
    blockquote {font-size: 13px; line-height: 24px; margin-left: 20px; padding: 0 0 0 15px}
    blockquote::before {height: 110px; top: 5px}
    .comment-head h6 {display: inline-block; float: none; margin-top: 10px}
    .comment-content {display: inline-block; margin-top: 10px}
    .comment-head h5{float: none}
    .single-comment.child {margin-left: 20px}
    .banner-content h2 {font-size: 25px; margin-bottom: 0}
    .banner-content {padding: 55px 0 50px}
    .service-detail-left p {margin-bottom: 70px}
    .service-detail-left {margin-bottom: 0px}
    .mission-area{padding-top: 60px}
    .mission-video {margin-left: 0; margin-top: 30px; height: 250px}
    .help-area.overview .help-right{margin-right: 0}
    .three .testimonial-content p {padding: 0px 0px}
    .two.slider-area .slide-content h2 {font-size: 28px; margin-bottom: 10px}
    .two.slider-area .slide-content p {font-size: 14px; line-height: 24px}
    .two.three.service-area .section-title p, .practice-area.three .section-title p, .news-area.three .section-title p {font-size: 14px; line-height: 24px; margin: 0 18px 55px}
    .fun-content h4 {font-size: 15px}
    .testimonial-content p {font-size: 14px; line-height: 26px; margin-bottom: 12px; padding-right: 0px}
    .testimonial-img {margin-right: 0}
    .testimonial-content {padding-left: 0; display: inline-block; padding-top: 20px}
    .testimonial-content::before {background: none}
    .testimonial-area .owl-dots {display: none;}
    .mission-left p, .mission-left ul li {font-size: 14px}
    .blog-content h5 {font-size: 15px; line-height: 25px}
    .touch-area{padding-top: 50px}
    .testimonial-img::after {display: none}
    .slide-content-wrapper {padding: 80px 0}
    .blog-left{padding-bottom: 30px}
    .header-sticky.sticky {background: #fff none repeat scroll 0 0;}
    .slider-owl .owl-nav{display: none}
    .slide-content .default-btn {font-size: 12px; padding: 12px 20px}
    .blog-content p {font-size: 13px; line-height: 25px}
	.mean-container .mean-nav ul li a{
		color:#fff;
	}
	
	
	

    
}
/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.ser-img{
	display:none;
}
    .mobile-menu a.meanmenu-reveal {margin-top: -50px}
    .sticky .mean-container a.meanmenu-reveal {margin-top: -50px}
    .why-content h2 {font-size: 25px}
    .why-content p {padding: 0 50px}
    blockquote::before {height: 65px}
    .single-comment.child {margin-left: 50px}
    .banner-content {padding: 80px 0 70px}
    .service-detail-left p {font-size: 17px}
/*    .testimonial-img {padding: 0 100px}*/
    .why-content p {font-size: 15px; line-height: 22px; padding: 0 14px}
    .testimonial-content p {font-size: 15px}
    .banner-content h2 {font-size: 30px; margin-bottom: 0}
    .blog-content h5 {font-size: 18px; line-height: 28px}
	.mean-container .mean-nav ul li a{
		color:#fff;!importnat 
	}
    
}
/* Large Mobile :480px. */
@media only screen and (min-width: 320px) and (max-width: 480px) {
	.s-button{
	margin-top:20px;
}
	.ser-img{
	display:none;
}
	.logo {
    margin-top: 30px;}
    .mobile-menu a.meanmenu-reveal {margin-top: -50px}
    .sticky .mean-container a.meanmenu-reveal {margin-top: -50px}
    .why-content h2 {font-size: 25px}
    .why-content p {padding: 0 50px}
    blockquote::before {height: 65px}
    .single-comment.child {margin-left: 50px}
    .banner-content {padding: 80px 0 70px}
    .service-detail-left p {font-size: 17px}
/*    .testimonial-img {padding: 0 100px}*/
    .why-content p {font-size: 15px; line-height: 22px; padding: 0 14px}
    .testimonial-content p {font-size: 15px}
    .banner-content h2 {font-size: 30px; margin-bottom: 0}
    .blog-content h5 {font-size: 18px; line-height: 28px}
	#slider-container{
		display:none;
	}
	.service-area .box-services{
		display:none;
	}
	.practice-area-mob{
		display:none;
	}
	.sign-up-f{
	padding:0;	
	}
	.touch-area input[type="text"], .touch-area input[type="number"], .touch-area input[type="email"], .touch-area textarea{
		width:95%;
	}
	.width90{
		margin-left: 30px;
    text-align: justify;
    width: 80%;
	}
	.intihere1{
width: 150px; margin:0 0 0 30px;float: left;
}	
.intihere2{
width: 150px; margin:0 0 0 30px;float: left;
}	
	.header-mob{
		display:block;
	}
	.main-menu nav ul li:last-child{
		display:none;
	}
	.boxp{
		text-align: right;
		right: 0;
	}
	.popupp .close{
		right: 5px;
		top: 0;
		
	}
	.top-left, .top-right{
		float:left;
	}
	.mean-container .mean-nav ul li a{
		color:#fff;!importnat 
	}
	
    
}