@media only screen and (max-width:1200px){.row{margin:0 15px}}@media only screen and (max-width:1024px){header{height:60vh}html{font-size:57.5%}.main-nav{display:none}header .hero-text-box{width:90%}.mobile-menu span{display:block}.client-photo{width:100%;float:none;text-align:center}.client-review{width:100%;float:none;text-align:center}.contact-section form{width:100%;margin-left:0}}@media only screen and (max-width:980px){html{font-size:62.5%}.span_1_of_4{width:49.2%}.span_1_of_4:nth-child(3){margin-left:0}}@media only screen and (max-width:768px){header{height:70vh}h1{font-size:3.5rem}h2{font-size:3rem}h3{font-size:2rem}.little-description{width:100%;margin-left:0}.footer-section ul li a{font-size:1.7rem}.footer-section .mahin{font-size:1.2rem}}@media only screen and (max-width:480px){header{height:80vh}.span_1_of_4{width:100%}h1{font-size:3.2rem}h2{font-size:2.8rem}h3{font-size:1.8rem}.testimonial-section .col:nth-child(3),.testimonial-section .col:nth-child(4){margin-top:4rem}.portfolio-filter button{margin:1rem.5rem}.footer-section ul li{margin:.5rem 2rem}}@media only screen and (max-width:320px){header{height:100vh}h1{font-size:3rem}.portfolio-filter button{margin:1rem.5rem}.footer-section ul li{margin:.4rem 1rem}}