@media only screen and (max-width: 1200px){
.logo img{width: 100%;}
nav ul li {margin-left: 15px; margin-right: 15px;}
}
@media only screen and (max-width: 991px){
header .button {margin-top: 30px;}
.demo_section {padding: 80px 0px;}
}
@media only screen and (max-width: 767px){
header nav{display: none;}
.responsive_button { display: block;}
.responsive_nav.navbar-collapse{margin-bottom: 10px;}
.pd-0{display: block;}
header .button {margin-top: 10px;}
}
@media only screen and (max-width: 620px){
.features_detail_section .sec-title span {font-size: 32px;}
}
@media only screen and (max-width: 576px){
.features_detail_section .sec-title span {font-size: 22px;}
.logo {text-align: center; margin-bottom: 10px;}   
.logo img{width: auto;}
}
@media only screen and (max-width: 420px){
.features_detail_section .sec-title span {font-size: 14px;}
.features_detail_section .sec-title span:before, .features_detail_section .sec-title span:after{bottom: 2px;}
}