@media only screen and (max-width: 1024px){
    .menu-area > ul > li a{padding: 38px 10px;}
    .serv-detail h3{font-size: 19px;}
    .serv-detail p{font-size: 13px;line-height: 20px;}
    .why-text{padding: 10% 10%;}
    #main-nav .sub-menu{width: 190px;}
}

@media only screen and (max-width: 992px){
    .menu-toggler{display: inline-block;}
    .menu-area{display: none;}
    .header-left{display: flex;justify-content: space-between;align-items: center;}
    .logo-area{width: 275px;}
    .service-head h1{font-size: 46px;}
    .service-top-text p{font-size: 16px;}
    .service-top-text p span{font-size: 18px;}
    .typewriter h2{text-align: center;margin-bottom: 20px;}
    .click-btn a{display: inline-block;}
    .footer-btm-right{display: none;}
    .side-menu #main-nav .sub-menu{position: relative;-webkit-transform: translateY(0px);transform: translateY(0px);display: none;opacity: 1;visibility: visible;}
    .side-menu #main-nav li:hover > .sub-menu{transform: translateY(0px);-webkit-transform: translateY(0px);}
}
@media only screen and (max-width: 767px){
    .top-bar-right{display: none;}
    .top-bar-left ul{justify-content: space-between;}
    .top-bar-left ul li a{border-right: 0;padding:0;}
    .logo-area{width: 235px;}
    header{padding: 8px 0;}
    .banner-btm-text h2{font-size: 24px;}
    .main-service-text h3{font-size: 25px;}
    .main-service-1{margin-bottom: 30px;}
    .service-head h1{font-size: 26px;}
    .service-top-text p{font-size: 14px;line-height: 22px;}
    .service-top-text p span{font-size: 16px;}
    .typewriter h2{margin-bottom: 12px;font-size: 28px;}
    .typewriter-mob{display: block;}
    .typewriter{display: none;}
    footer{padding: 45px 0;}
    .footer-map{margin-bottom: 30px;}
    .footer-right p{width: 100%;}
    .why-text{padding: 10% 5%;}
    .why-img{min-height: 370px;}
    .footer-btm-left{text-align: center;}
    .container{max-width: 100%;}
    .main-banner{padding: 110px 0 30px 0;background-position: -250px -40px;background-repeat: repeat;}
    .banner-left-text h1{font-size: 30px;line-height: 42px;margin-bottom: 6px;}
    .banner-btm-text h2 a{display: block;}
    .footer-right{margin-bottom: 25px;}
    .footer-btm-left p span{display: block;}
    .content-tabs .nav-tabs .nav-item{width: 100%;}
    .content-tabs .tab-content .tab-pane h3,.main-content-left h3{font-size: 20px;line-height: 30px;}
    .content-tabs .tab-content .tab-pane p,.main-content-left p{line-height: 21px;margin-bottom: 15px;}
    .main-content-left h4{font-size: 22px;line-height: 29px;margin-bottom: 15px;}
    .contact-left{margin-bottom: 25px;}
    .side-menu #main-nav .sub-menu{background: transparent;width: 100%;padding: 0;}
    .side-menu #main-nav .sub-menu li a{padding: 5px 15px;}
    .side-menu #main-nav .sub-menu li a{color: #fff;white-space: pre-wrap;}
    .side-menu #main-nav ul li:last-child .sub-menu{right:auto;width: 100%;}
    .banner-left-text{margin-bottom: 15px;}
    .banner-left-text h3{font-size: 21px;}
    .vertical-slider h3{font-size: 40px;font-weight:600;}
    .banner-form{margin-top: 10px;}
    .banner-form h3{margin-bottom:20px;padding-bottom: 15px;}
    .banner-form .form-control{height:38px;}
}
@media only screen and (max-width: 320px){
    .banner-left-text h1{font-size: 28px;line-height: 34px;}
    .banner-left-text h3{font-size: 18px;}
    .vertical-slider h3{font-size: 35px;}
}