@media only screen and (max-width:991px){
    .navbar-brand {
        margin-left: 0;
    }
    .top-icon {
        margin-right: 0;
    }
    .section-1 .banner .banner-txt{
        top: 140px;
    }
    .sec2-body .content{
        width: 100%;
    }
    .section-3 .row{
        width: 100%;
    }
    .section-3 .sec3-left h2{
        font-size: 1.5rem;
    }
    .section-3 .container{
        padding: 90px 0;
    }
    .section-3 .sec3-left h5{
        font-size: 0.9rem;
    }
    .section-4 .sec4-right p{
        width: 90%;
    }
    .section-5 p{
        width: 100%;
    }
    .section-6 .sec6-head p{
        width: 70%;
    }
    .section-6 .sec6-body .package{
        width: 100%;
    }
    .section-7 .sec7-head p{
        width: 60%;
    }

    .skdslider ul.slide-navs{
        left: 5%;
        bottom: 25%;
    }
    .section-6 {
        margin-top: 80px;
    }
    .section-8 {
        margin-top: 40px;
    }
    .section-7 .sec7-body .container {
        padding: 0px 50px;
    }
}

@media only screen and (max-width:767px){
    .navbar-nav li span{
        display: none;
    }
    .navbar-nav {
        text-align: center;
    }
    .top-icon{
        text-align: center;
    }
    .section-1 .banner .banner-txt {
        top: 70px;
    }
    .banner-txt h1{
        font-size: 24px;
    }
    .banner-txt p{
        font-size: 12px;
        width: 85%;
    }
    .gs input {
        padding: 0.6rem 1rem;
    }
    .gs button{
        margin-top: 10px;
    }
    .sec2-head p{
        width: 100%;
    }
    .section-2 {
        margin-top: 50px;
    }
    .sec2-body .content{
        margin: 10px auto;
    }
    .sec3-left {
        text-align: center;
    }
    .sec3-right {
        margin: 20px auto;
        text-align: center;
    }
    .section-3 .sec3-left h5{
        font-size: 1.25rem;
    }
    .section-3 .sec3-left h2{
        font-size: 2rem;
    }
    .section-3 .container {
        padding: 50px 0;
    }
    .section-3{
        margin-top: 60px;
    }
    .section-4 .sec4-left img{
        width: auto;
        height: auto;
    }
    .section-4 .sec4-left {
        text-align: center;
    }
    .sec4-right {
        padding: 50px 0;
        text-align: center;
    }
    .section-4 .sec4-right p {
        width: 50%;
        margin: auto;
    }
    .section-4 {
        margin-top: 30px;
    }
    .section-5 {
        margin-top: 60px;
        text-align: center;
    }
    .section-5 p {
        width: 80%;
        margin: auto;
    }
    .section-5 .col-md-4 {
        margin: 10px auto;
    }
    .section-6 .sec6-head p {
        width: 100%;
    }
    .section-6 .sec6-body .package h4{
        width: 100%;
    }
    .section-6 .package .services li{
        font-size: 16px;
    }
    .section-6 .sec6-body .package {
        width: 65%;
        margin: 10px auto;
    }
    .sec7-head{
        text-align: center;
    }
    .section-7 .sec7-head p {
        width: 100%;
    }
    .section-7 .sec7-body .slide-img img{
        width: auto;
    }
    .section-7 .sec7-body{
        text-align: center;
    }
    .section-7 .sec7-body .slide-desc p{
        width: 100%;
    }
    .section-7 .sec7-body {
        margin-top: 50px;
    }
    .skdslider ul.slide-navs{
        display: none;
    }
    .skdslider{
        overflow: visible;
    }
    .section-8{
        margin-top: 150px;
    }
    .section-8 .sec8-head h2{
        font-size: 1.7rem;
    }
    .sec8-body .msg{
        margin-top: 30px;
    }
    .section-9 .logo2{
        text-align: center;
    }
    .section-9 .logo2 i{
        float: none;
    }
    .section-9 .footer-link ul {
        text-align: center;
    }
    .section-9 .logo2 {
        padding: 10px 0;
    }
    .section-9 .footer-link {
        padding: 5px 0;
    }
    .section-9{
        margin-top: 50px;
    }

}

@media only screen and (max-width:576px){
    .banner-txt p{
        display: none;
    }
    .section-1 .banner .banner-txt {
        top: 70px;
    }
    .gs input {
        padding: 0.5rem 0.5rem;
        margin-top: 10px;
    }
    .banner .gs {
        margin-top: 20px;
    }
    
    .sec2-head h2{
        font-size: 1.5rem;
    }
    .sec2-body {
        margin-top: 50px;
    }
    .section-8 .sec8-body {
        width: 100%;
    }
    .gs input {
        display: block;
        width: 100%;
    }
    .gs {
        width: 50%;
        margin: auto;
        
    }
    .section-1 .banner-img img {
        width: 100%;
        height: 350px;
    }
}

@media only screen and (max-width:435px){
    .section-4 .sec4-right p {
        width: 80%;
    }
    .section-6 .sec6-body .package {
        width: 80%;
        margin: 10px auto;
    }
    .section-7 {
        margin-top: 70px;
    }
    .section-8 {
        margin-top: 230px;
    }
    
    .banner-txt h1 {
        font-size: 20px;
    }
    .gs input{
        display: block;
        margin: 10px auto auto auto;   
    }
    
    .section-1 .banner-img img {
        width: 100%;
        height: 250px;
    }
    .sec2-head p{
        font-size: 14px;
    }
    .sec2-head h2 {
        font-size: 1.4rem;
    }
    .section-4 .sec4-right h3{
        font-size: 25px;
    }
    .section-6 .sec6-head h2{
        font-size: 1.5rem;
    }
    .section-7 .sec7-head h3{
        font-size: 1.5rem;
    }
    .section-7 .sec7-body .slide-img img{
        margin-bottom: 20px;
    }
    .section-7 {
        margin-top: 50px;
    }
    .section-8 .sec8-head h2 {
        font-size: 1.3rem;
    }
    .section-1 .banner .banner-txt {
        top: 25px;
    }

}