@media (max-width: 1366px) {
.features-section li h2 { font-size:20px;}
body { font-size:16px;}
.features-section li {margin: 0 0 20px 0; padding: 0 10px;}
}


@media (max-width: 1280px) {
.features-section li {margin: 0 0 20px 0; padding: 0 10px;}
.page-title {margin-bottom:50px;}
.owl-carousel .owl-item img { width:50px}
.carousel .item { padding:20px}
.comma {margin-top: -50px;}
.carousel .item p {font-style: italic; margin-top: 10px;}
.integration .right-side {padding-left:50px;}
.header {padding:110px 0 0 0;}
.header h1 { font-size:25px; padding:0 80px} 
.header p { font-size:16px;}
.integration .right-side li { background-size:25px; padding:5px 0 10px 44px} 
.integration .left-side2 li { background-size:25px;     padding: 10px 0 10px 40px;}
.page-title { font-size:24px;}
.features-section li h2 { font-size:18px;}
.features-section li p { font-size:14px;}
.btn-css { font-size:15px; padding:10px 30px} 
.btn-css2 {font-size:15px; padding:8px 30px}
.page-title {margin-bottom:30px;}
}

@media (max-width:1024px) {
.item img { height:46px;}
.features-section li h2 { margin-top:10px}
.top-section { padding:10px 0}
.logo { max-width:150px} 
.integration, .customers, .subscribe { padding:50px 0}
.page-title {margin-bottom:40px;}
body {font-size: 14px;}
}

@media (max-width:991px) {
.header {padding: 90px 0 0 0;}
.header h1 { font-size:22px;}
.header p { font-size:13px;}
.features-section li {width:33%}
.time-lapse .right-side2 {padding-right:0;}
}

@media (max-width:800px) {
.header {padding:70px 0 0 0;}
.integration .right-side li { font-size:13px}

.integration .left-side2 li { font-size:13px}
.integration .right-side h2 { font-size:20px}
.integration .left-side2  h2 { font-size:20px}
.page-title { font-size:20px}
.features-section li h2 { font-size:16px}
.features-section li p { font-size:13px}
.header h1 { font-size:18px;}
.logo {max-width: 130px;}
} 
 
@media (max-width:767px) {
.btn-css {font-size: 12px; padding: 5px 8px;}
.btn-css2 {font-size: 12px; padding:5px 8px;}
.header h1 { padding:0}
.integration .left-side { width:100%; }
.integration .right-side {width:100%; float:left; padding:0;}
.integration .left-side2 { width:100%; left }
.integration .right-side2 {width:100%; float:right; margin-top:50px;}
.features-section li { width:50%;}
.features-section li p { height:100px} 
.integration .left-side2 li { padding:0 0 0 40px}
.page-title {margin-bottom:25px;}
.news__btn { padding:9px 50px}
.time-lapse .right-side2 { text-align:center}
} 

@media (max-width:480px) {
.btn-css2 { margin:0 0 0 4px;}
.logo {max-width: 111px;}
.carousel .item {margin:70px 0 20px  0}
input[type=email] { padding:10px; font-size:14px;}
.news__btn { font-size:14px;}
.integration, .customers, .subscribe {padding:30px 0;}
.page-title {font-size:18px;}
.features-section li { width:100%; min-height:inherit}
.features-section li h2 { height:auto}
.features-section li p { height:auto} 
}

@media (max-width:375px) {
.header h1 { font-size:16px;}
.header p {font-size:11px;}
.features-section {padding-top: 80px;}
}