/* 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) {
	.container {
		max-width: 1200px;
	}
}

/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1200px) {
    .main-menu nav > ul > li > a {padding: 28px 14px}
    .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 {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  [class*="col-"]:first-child, .main-footer  [class*="col-"]:nth-child(2), .practice-area  [class*="col-"]:first-child, .practice-area  [class*="col-"]:nth-child(2), .contact-info:first-child  [class*="col-"],  [class*="col-"] .single-practice:first-child,  [class*="col-"] .single-practice:nth-child(2) {margin-bottom: 30px}
    .practice-area.service  [class*="col-"]:first-child, .practice-area.service  [class*="col-"]: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 [class*="col-"]:last-child, .news-area [class*="col-"]:last-child{padding-top: 40px}
    .service-area.two.three [class*="col-"]:first-child, .service-area.two.three [class*="col-"]:nth-child(2), .blog-left{padding-bottom: 30px}
}


/* small mobile :320px. */
@media (max-width: 767px) {
    .help-left, .map-area{margin-right: 0; margin-bottom: 50px}
    .help-right{margin-left: 0}
    .section-title h2 {font-size: 25px; margin-bottom: 60px}
    .header-top{font-size: 12px;}
	.top-left {margin-bottom: 5px;}
	.top-left li {margin-right: 15px;padding-right: 15px;}
	.top-right-text {margin-right: 15px;padding-right: 15px;}
    .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  [class*="col-"], .blog-content a.default-btn, .serive-detail-right, .single-member, .contact-info:first-child  [class*="col-"] {margin-bottom: 30px;}
    .single-service-content p {font-size: 13px;}
    [class*="col-"]:last-child .single-service,  [class*="col-"]:last-child .single-fun,  [class*="col-"]:last-child .single-practice,  [class*="col-"]:last-child .single-news, [class*="col-"]: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}
    .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}

    
}
/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .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}
    
}