@media only screen and (min-width: 992px) and (max-width: 1200px) {
#home-area,.caption{height:700px}
.about-content,.why-choose-content{margin-left:10px}
.service-single .icon{width:28%}
.service-single .content{width:72%}
.blog-sidebar{padding:50px 15px 15px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.navbar-toggler{background-color:#fff}
.sticky .navbar-toggler{background-color:#000;color:#fff}
#navbarSupportedContent{background-color:#fff;padding:20px}
.navbar-nav .nav-link{color:#000}
.cd-headline,h1{font-size:36px;line-height:46px}
h2{font-size:30px;line-height:40px}
#home-area{background-position:center}
#home-area,.caption{height:600px}
.caption{width:90%;}
.caption h1{margin:0 0 18px}
.caption a{padding:8px 26px;margin:26px 10px 0}
.main-slider .owl-dots{bottom:30px}
.section-heading{padding:0 0 40px}
.about-img{margin:0 0 15px}
.about-content h2{margin:15px 0 20px}
.about-content,.why-choose-content{margin:0}
.service-single{padding:40px 15px 20px;text-align:center}
.service-single .icon{width:100%;float:none;padding-left:0}
.service-single .icon span{margin:0 auto 30px}
.service-single .content{width:100%;float:none}
#counter-area{padding:90px 0 50px}
.counter-single{margin:0 0 40px}
#why-choose-area{padding:100px 0 85px}
.why-choose-content h2{margin:5px 0 10px}
.why-choose-img{margin:0 0 30px}
.pricing-tbl-single{padding:40px 20px 50px}
.pricing-tbl-single a{padding:8px 25px}
#team-area{padding:90px 0 60px}
.team-single{margin:0 0 40px}
.newsletter-box{padding:40px 50px 50px}
.newsletter-box h2{margin:0 0 20px;text-align:center}
.newsletter-form input{height:46px;font-size:14px}
.newsletter-form button{height:46px;padding:0 34px;font-size:14px}
.contact-form{padding:60px 30px 45px 0}
.contact-form button{padding:10px 26px;font-size:14px}
#map{height:450px}
.contact-info{padding:60px 30px}
#partner-area{padding:90px 0 85px}
.partner-carousel img{max-width:170px;margin:0 auto}
.blog-sidebar{padding:40px 15px 5px}
.comment-form #name{margin:0 0 15px}
.comment-form{padding:40px 20px}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.logo img,.logo-scroll img{max-width:140px}
.navbar-toggler{background-color:#fff}
.sticky .navbar-toggler{background-color:#000;color:#fff}
#navbarSupportedContent{background-color:#fff;padding:20px}
.navbar-nav .nav-link{color:#000}
.cd-headline,h1{font-size:30px;line-height:40px}
h2{font-size:28px;line-height:38px}
#home-area{background-position:center}
#home-area,.caption{width:100%;height:600px}
.caption h1{margin:0 0 18px}
.caption h4{font-size:18px;line-height:28px}
.caption a{padding:8px 22px;margin:26px 10px 0;font-size:13px}
.slide-single .caption{padding-left:5%}
.main-slider .owl-dots{bottom:50px}
.section-heading{padding:0 0 30px}
#about-area{padding:80px 0}
.about-content h4{font-size:18px;line-height:28px}
.about-img{margin:0 0 15px}
.about-content h2{margin:15px 0}
.about-content,.why-choose-content{margin:0}
#service-area{padding:70px 0 50px}
.service-single{padding:40px 15px 20px;text-align:center}
.service-single .icon{width:100%;float:none;padding-left:0}
.service-single .icon span{margin:0 auto 30px}
.service-single .content{width:100%;float:none}
#project-area{padding:70px 0 75px}
.project-menu button{padding:6px 16px;font-size:13px}
.project-overlay h5{font-size:16px;line-height:26px}
.project-overlay .icon a{font-size:20px}
#counter-area{padding:70px 0 30px}
.counter-single{margin:0 0 40px}
#why-choose-area{padding:80px 0 65px}
.why-choose-img{margin:0 0 30px}
.why-choose-content h2{margin:0 0 10px}
.card-header h5 a{font-size:14px;line-height:24px;padding-bottom:4px;display:inline-block}
#pricing-area{padding:70px 0 40px}
.pricing-tbl-single{margin:0 0 40px;text-align:center;padding:45px 40px 55px}
.pricing-tbl-single.recom{-webkit-transform:scale(1);transform:scale(1)}
.pricing-tbl-single a{padding:8px 24px;margin-top:22px 0 0;font-size:13px}
.pricing-tbl-single h4{font-size:18px;line-height:28px}
.pricing-tbl-single h6{margin:12px 0 15px;font-size:15px;line-height:25px}
#team-area{padding:70px 0 40px}
.team-single{margin:0 0 40px}
.team-single img{width:100%}
#testimonial-area{padding:70px 0 125px}
#testimonial-area h2{margin:0 0 30px}
.client-info{width:100%;float:none}
.client-comment{width:100%;float:none;text-align:center}
#blog-area{padding:70px 0 50px}
.post-details h3 a{font-size:18px;line-height:28px}
.newsletter-box{padding:40px 25px}
.newsletter-form button{padding:0 30px}
.newsletter-box h2{font-size:26px;line-height:36px;margin:0 0 20px;text-align:center}
#newsletter-area{padding:80px 0}
.newsletter-form input,.newsletter-form button{height:40px;font-size:13px}
#contact-area{padding:70px 0 0}
.contact-box{-webkit-box-shadow:0 0;box-shadow:0 0}
.contact-form{padding:60px 30px 40px;-webkit-box-shadow:0 0 10px #ccc;box-shadow:0 0 10px #ccc;margin-top:40px}
.contact-info{padding:60px 30px 35px;height:auto;text-align:center}
#map{height:400px}
.contact-form button{padding:10px 24px;font-size:14px}
.partner-carousel img{max-width:160px;margin:0 auto}
#partner-area{padding:65px 0 60px}
#footer ul li a{width:45px;height:45px;line-height:45px}
.blog-wrap,.blog-details-wrap{padding:80px 0}
.page-title{padding:130px 0 55px}
.blog-sidebar{padding:40px 15px 5px;margin:40px 0 0}
.blog-pagination{margin:0 0 30px}
.category.widget{margin-top:30px}
.tags.widget span a{padding:6px 12px;font-size:13px}
.post-comments h3{font-size:20px}
.media h5{font-size:16px}
.contact-form #name,.comment-form #name{margin:0 0 15px}
.comment-form{padding:40px 20px}
.comment-form input{height:46px}
.comment-btn button{padding:8px 26px;font-size:14px}
}
@media only screen and (min-width: 360px) and (max-width: 479px) {
.logo img,.logo-scroll img{max-width:140px}
.navbar-toggler{background-color:#fff}
.sticky .navbar-toggler{background-color:#000;color:#fff}
#navbarSupportedContent{background-color:#fff;padding:20px}
.navbar-nav .nav-link{color:#000}
.cd-headline,h1{font-size:30px;line-height:40px}
h2{font-size:26px;line-height:36px}
#home-area{background-position:center}
#home-area,.caption{width:100%;height:600px}
.caption h1{margin:0 0 18px}
.caption h4{font-size:18px;line-height:28px;margin-top:100px}
.caption a{padding:8px 22px;margin:26px 10px 0;font-size:13px}
.slide-single .caption{padding:0 2%}
.main-slider .owl-dots{bottom:50px}
.section-heading{padding:0 0 30px}
#about-area{padding:80px 0}
.about-content h4{font-size:18px;line-height:28px}
.about-img{margin:0 0 15px}
.about-content h2{margin:15px 0}
.about-content,.why-choose-content{margin:0}
#service-area{padding:70px 0 50px}
.service-single{padding:40px 15px 20px;text-align:center}
.service-single .icon{width:100%;float:none;padding-left:0}
.service-single .icon span{margin:0 auto 30px;width:60px;height:60px;line-height:70px;padding:0 10px}
.service-single .icon span i{font-size:35px}
.service-single .content{width:100%;float:none}
#project-area{padding:70px 0 75px}
.project-menu button{padding:6px 12px;font-size:12px}
.project-overlay h5{font-size:16px;line-height:26px}
.project-overlay .icon a{font-size:20px}
#counter-area{padding:70px 0 30px}
.counter-single{margin:0 0 40px}
#why-choose-area{padding:80px 0 65px}
.why-choose-img{margin:0 0 30px}
.why-choose-content h2{margin:0 0 10px}
.card-header h5 a{font-size:14px;line-height:24px;padding-bottom:4px;display:inline-block}
#pricing-area{padding:70px 0 40px}
.pricing-tbl-single{margin:0 0 40px;text-align:center;padding:45px 40px 55px}
.pricing-tbl-single.recom{-webkit-transform:scale(1);transform:scale(1)}
.pricing-tbl-single a{padding:8px 24px;margin-top:22px 0 0;font-size:13px}
.pricing-tbl-single h4{font-size:18px;line-height:28px}
.pricing-tbl-single h6{margin:12px 0 15px;font-size:15px;line-height:25px}
#team-area{padding:70px 0 40px}
.team-single{margin:0 0 40px}
.team-single img{width:100%}
#testimonial-area{padding:70px 0 125px}
#testimonial-area h2{margin:0 0 30px}
.client-info{width:100%;float:none}
.client-comment{width:100%;float:none;text-align:center}
#blog-area{padding:70px 0 50px}
.post-details h3 a{font-size:18px;line-height:28px}
.newsletter-box{padding:40px 15px 50px}
.newsletter-form button{padding:0 30px}
.newsletter-box h2{font-size:26px;line-height:36px;margin:0 0 20px;text-align:center}
#newsletter-area{padding:80px 0}
.newsletter-form input,.newsletter-form button{height:40px;font-size:13px}
#contact-area{padding:70px 0 0}
.contact-box{-webkit-box-shadow:0 0;box-shadow:0 0}
.contact-form{padding:60px 20px 40px;-webkit-box-shadow:0 0 10px #ccc;box-shadow:0 0 10px #ccc;margin-top:40px}
.contact-info{padding:60px 30px 35px;height:auto;text-align:center}
#map{height:400px}
.contact-form button{padding:10px 24px;font-size:14px}
.partner-carousel img{max-width:160px;margin:0 auto}
#partner-area{padding:65px 0 60px}
#footer{padding:50px 0 25px}
#footer ul li a{width:45px;height:45px;line-height:45px;margin-bottom:20px}
.blog-wrap,.blog-details-wrap{padding:80px 0}
.page-title{padding:130px 0 55px}
.blog-sidebar{padding:40px 15px 5px;margin:40px 0 0}
.blog-pagination{margin:0 0 30px}
.category.widget{margin-top:30px}
.tags.widget span a{padding:6px 12px;font-size:13px}
.post-comments h3{font-size:20px}
.media h5{font-size:16px}
.contact-form #name,.comment-form #name{margin:0 0 15px}
.comment-form{padding:40px 20px}
.comment-form input{height:46px}
.comment-btn button{padding:8px 26px;font-size:14px}
}
@media only screen and (min-width: 320px) and (max-width: 359px) {
.logo img,.logo-scroll img{max-width:140px}
.navbar-toggler{background-color:#fff}
.sticky .navbar-toggler{background-color:#000;color:#fff}
#navbarSupportedContent{background-color:#fff;padding:20px}
.navbar-nav .nav-link{color:#000}
.cd-headline,h1{font-size:30px;line-height:40px}
h2{font-size:26px;line-height:36px}
#home-area{background-position:center}
#home-area,.caption{width:100%;height:600px}
.caption h1{margin:0 0 18px}
.caption h4{font-size:18px;line-height:28px}
.caption a{padding:8px 22px;margin:26px 10px 0;font-size:13px}
.slide-single .caption{padding:2%}
.main-slider .owl-dots{bottom:50px}
.section-heading{padding:0 0 30px}
#about-area{padding:80px 0}
.about-content h4{font-size:18px;line-height:28px}
.about-img{margin:0 0 15px}
.about-content h2{margin:15px 0}
.about-content,.why-choose-content{margin:0}
#service-area{padding:70px 0 50px}
.service-single{padding:40px 15px 20px;text-align:center}
.service-single .icon{width:100%;float:none;padding-left:0}
.service-single .icon span{margin:0 auto 30px;width:60px;height:60px;line-height:70px;padding:0 10px}
.service-single .icon span i{font-size:35px}
.service-single .content{width:100%;float:none}
#project-area{padding:70px 0 75px}
.project-menu button{padding:6px 10px;font-size:12px}
.project-overlay h5{font-size:16px;line-height:26px}
.project-overlay .icon a{font-size:20px}
#counter-area{padding:70px 0 30px}
.counter-single{margin:0 0 40px}
#why-choose-area{padding:80px 0 65px}
.why-choose-img{margin:0 0 30px}
.why-choose-content h2{margin:0 0 10px}
.card-header h5 a{font-size:14px;line-height:24px;padding-bottom:4px;display:inline-block}
.card-header{padding:8px 22px}
#pricing-area{padding:70px 0 40px}
.pricing-tbl-single{margin:0 0 40px;text-align:center;padding:45px 40px 55px}
.pricing-tbl-single.recom{-webkit-transform:scale(1);transform:scale(1)}
.pricing-tbl-single a{padding:8px 24px;margin-top:22px 0 0;font-size:13px}
.pricing-tbl-single h4{font-size:18px;line-height:28px}
.pricing-tbl-single h6{margin:12px 0 15px;font-size:15px;line-height:25px}
#team-area{padding:70px 0 40px}
.team-single{margin:0 0 40px}
.team-single img{width:100%}
#testimonial-area{padding:70px 0 125px}
#testimonial-area h2{margin:0 0 30px}
.client-info{width:100%;float:none}
.client-comment{width:100%;float:none;text-align:center}
#blog-area{padding:70px 0 50px}
.post-details h3 a{font-size:18px;line-height:28px}
.post-details{padding:0 10px 20px}
.newsletter-box{padding:40px 15px 50px}
.newsletter-form button{padding:0 30px}
.newsletter-box h2{font-size:26px;line-height:36px;margin:0 0 20px;text-align:center}
#newsletter-area{padding:80px 0}
.newsletter-form input,.newsletter-form button{height:40px;font-size:13px}
#contact-area{padding:70px 0 0}
.contact-box{-webkit-box-shadow:0 0;box-shadow:0 0}
.contact-form{padding:60px 20px 40px;-webkit-box-shadow:0 0 10px #ccc;box-shadow:0 0 10px #ccc;margin-top:40px}
.contact-info{padding:60px 30px 35px;height:auto;text-align:center}
#map{height:400px}
.contact-form button{padding:10px 24px;font-size:14px}
.partner-carousel img{max-width:160px;margin:0 auto}
#partner-area{padding:65px 0 60px}
#footer{padding:50px 0 25px}
#footer ul li a{width:45px;height:45px;line-height:45px;margin-bottom:20px}
.blog-wrap,.blog-details-wrap{padding:80px 0}
.page-title{padding:130px 0 55px}
.blog-sidebar{padding:40px 15px 5px;margin:40px 0 0}
.blog-pagination{margin:0 0 30px}
.category.widget{margin-top:30px}
.tags.widget span a{padding:6px 12px;font-size:13px}
.post-comments h3{font-size:20px}
.media h5{font-size:16px}
.contact-form #name,.comment-form #name{margin:0 0 15px}
.comment-form{padding:40px 20px}
.comment-form input{height:46px}
.comment-btn button{padding:8px 26px;font-size:14px}