@media only screen and (min-width:2200px) and (max-width:3000px){.header-area .hero-area{top:0;padding-right:45%}}@media only screen and (min-width:1800px) and (max-width:2200px){.header-area .hero-area{top:0;padding-right:30%}}@media only screen and (min-width:1500px) and (max-width:1800px){.header-area .hero-area{top:0;padding-right:15%}}@media only screen and (min-width:992px) and (max-width:1200px){h1{font-size:45px}.aboutpersonalinfo-details{margin-bottom:20px}.about-language{margin-top:20px}.about-area .about-img img{height:455px;width:65%}}@media only screen and (min-width:768px) and (max-width:991.98px){h1{font-size:40px}.hero-area .hero-title{margin-bottom:35px}.aboutpersonalinfo-details{margin-bottom:20px}.about-language{margin-top:20px}.about-area .about-img img{width:85%;height:450px;top:65px}.work-image:hover .workhover-content{padding-top:30%}.contact-map iframe{width:90%}}@media only screen and (max-width:767.98px){h1{font-size:32px}.header-area .hero-area{top:0;padding-right:7%}.hero-area .play-video{text-align:right}.hero-area .hero-title{margin-bottom:40px}.hero-area .hero-socialicon i{margin-right:12px}.hero-area .play-video i{height:70px;width:70px;padding:13px}.srcoll-down{margin-top:60px}.about-area .about-img img{position:inherit;margin:0 auto 45px;width:80%;height:460px}.single-service{margin-bottom:30px}.work-menu ul li h2{font-size:18px}.work-counter .single-counter{margin-bottom:30px}.work-area .work-content p{width:100%}.testimonial-content{width:100%}.download-hire .download-cv{text-align:center;margin-bottom:30px}.download-hire .hire-me{text-align:center}.hire-area{padding:60px 0}.hire-area .hire-title{margin-bottom:40px}.contact-map iframe{position:inherit;width:90%;display:block;margin:auto}.footer-area .contact-map{margin-bottom:35px}.work-area .first-works{margin-bottom:0}.work-area .work-image{margin-bottom:22px} .contact-form {
    margin-top: 30px; } div#contact-form-map{width: 90%;} }@media only screen and (min-width:480px) and (max-width:767.98px){h1{font-size:35px}.hero-area .hero-socialicon i{margin-right:30px}.about-area .about-img img{width:60%} div#contact-form-map{width: 83%;} }