/* Large Screen*/
@media only screen and (min-width: 1201px) {

	.container {
        max-width: 90%!important;
        padding: 0px 80px !important;
    }
}
/* ≤1024px */
@media only screen and (max-width: 1024px) {
  section.md-pt-40px .container {
    max-width: 1200px !important;
    padding: 0px 31px!important;
  }
   section.md-pt-40px .container .about-image{
    max-width: 1200px !important;
    padding: 0px 1px!important;
  }
}
/* or to avoid overlap with the next min-width: 1024 rule */
@media only screen and (max-width: 1023.98px) { /* same styles */ }

@media only screen and (max-width:767px){
	.container{
		max-width:515px!important;
	}
}
@media only screen and (max-width:575px){
	.container{
		max-width:420px!important;
	}
}
  
@media only screen and (min-width: 1200px) {

	header .container {
        max-width: 100%!important;
        padding: 0px 80px !important;
    }
}