@media screen and (min-width:3501px) {
    .carousel-inner {
        height: 100vh !important;
     }
     .lima::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 40%;
        left: 16px;
        transform: translateY(-50%);
  
      }
      .lima1::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 9%;
        left: 16px;
        transform: translateY(-50%);
      }
      .lima2::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 40%;
        left: 16px;
        transform: translateY(-50%);
      }
      .nav>li>a {
        margin-right: 20px !important;
        margin: 0px;
    }
    #hero .container {
        height: 120vh !important;
         padding-top: 750px;
         padding-left: 100px;
       }
     .btn-default{
         margin-left: 550px !important;
            margin-top: 500px !important;
            margin-right: 70px;
        }
        .btn-default.kio{
            margin-left: 460px !important;
               
           }
        .btn-primary{
            margin-left: 0px !important;
            margin-top:500px !important;
        }
        .kjf{
            position: absolute;left: 47% !important;
      transform: translate(-0%, -20%) !important;
        }
        .kjf1{
            position: absolute;left: 47% !important;
      transform: translate(-0%, -20%) !important;
        }
        .nav>li>a {
            margin-right: 20px !important;
            margin-left: 40px !important;
          
        }
}
/* @media screen and (min-width: 1800px) {
#hero24 {
   
    min-height: calc(80vh);
  }} */
@media screen and (min-width: 3400px) and (max-width:3500px) {
    .nav>li>a {
        margin-right: 20px !important;
        margin: 0px;
    }
    .btn-default.kio{
        margin-left: 450px !important;
           
       }
    #hero .container {
        height: 1000px !important;
         padding-top: 700px;
         padding-left: 100px;
       }
      
     .btn-default{
         margin-left: 550px !important;
            margin-top: 400px !important;
            margin-right: 70px;
        }
        .btn-primary{
            margin-left: 0px !important;
            margin-top:400px !important;
        }
        .kjf{
            position: absolute;left: 47% !important;
      transform: translate(-0%, -20%) !important;
        }
        .kjf1{
            position: absolute;left: 47% !important;
      transform: translate(-0%, -20%) !important;
        }
    .tana {
        margin-top: 160px !important;
    }
    .mutl {
        margin-top: 180px !important;
    }
    
    .jay {
        padding-left: 600px;
        padding-right: 600px;
    }
    .jay1 {
        padding-left: 610px;
        padding-right: 600px;
    }
   
    .ahmed {
 
        margin-left: 500px !important;
    }
 
    .carousel-inner {
       height: 1600px !important;
    }
    .fama {
        padding-top: 140px !important;
    }
    .kori {
        padding: 25px 0 25px 0 !important;
    }
    
    .btn-default1 {
        margin-top: 30px !important;
    }
    
    .jeon {
        margin-top: 80px;
    }
    .jeon1 {
        margin-top: 80px;
    }
    .jeon3 {
        margin-top: 300px;
    }
    .boboo {
        max-width: 17% !important;
    }
    .jayho{
        margin-top: 200px !important;
    }
    .lima::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 40%;
        left: 16px;
        transform: translateY(-50%);
  
      }
      .lima1::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 9%;
        left: 16px;
        transform: translateY(-50%);
      }
      .lima2::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 40%;
        left: 16px;
        transform: translateY(-50%);
      }
      .nav>li>a {
        margin-right: 20px !important;
        margin-left: 40px !important;
      
    }
}
@media screen and (min-width: 3300px) and (max-width:3399px) {
    .nav>li>a {
        margin-right: 20px !important;
        margin: 0px;
    }
    .btn-default.kio{
        margin-left: 460px !important;
           
       }
    #hero .container {
        /* height: 110vh; */
         padding-top: 600px;
         padding-left: 100px;
       }
     .btn-default{
         margin-left: 550px !important;
            margin-top: 500px !important;
            margin-right: 70px;
        }
        .btn-primary{
            margin-left: 0px !important;
            margin-top:500px !important;
        }
        .kjf{
            position: absolute;left: 47% !important;
      transform: translate(-0%, -20%) !important;
        }
        .kjf1{
            position: absolute;left: 47% !important;
      transform: translate(-0%, -20%) !important;
        }
    .jay {
        padding-left: 600px;
        padding-right: 600px;
    }
    .jay1 {
        padding-left: 610px;
        padding-right: 600px;
    }
    
    .ahmed {
        margin-left: 500px !important;
    }
   
    .carousel-inner {
      height: 1550px !important;
    }
    .fama {
        padding-top: 100px !important;
    }
    .kori {
        padding: 25px 0 25px 0 !important;
    }

    .btn-default1 {
        margin-top: 30px !important;
    }
    .jeon {
        margin-top: 80px;
    }
    .jeon1 {
        margin-top: 80px;
    }
    .jeon3 {
        margin-top: 250px;
    }
    .mutl {
        margin-top: 150px !important;
    }
    .boboo {
        max-width: 17% !important;
    }
    .tana {
        margin-top: 150px !important;
    }
    .jayho{
        margin-top: 200px !important;
    }
    
      
      .lima::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 40%;
        left: 16px;
        transform: translateY(-50%);
  
      } 
      .lima1::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 9%;
        left: 16px;
        transform: translateY(-50%);
      }
      .lima2::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 40%;
        left: 16px;
        transform: translateY(-50%);
      }
      .nav>li>a {
        margin-right: 20px !important;
        margin-left: 40px !important;
      
    }
}
@media screen and (min-width: 3200px) and (max-width:3299px) {
    .nav>li>a {
        margin-right: 20px !important;
        margin: 0px;
    }
    #hero .container {
        height: 100vh;
         padding-top: 720px;
         padding-left: 100px;
       }
     .btn-default{
         margin-left: 450px !important;
            margin-top: 450px !important;
            margin-right: 30px;
        }
        .btn-primary{
            margin-left: 0px !important;
            margin-top:450px !important;
        }
        .kjf{
            position: absolute;left: 47% !important;
      transform: translate(-0%, -20%) !important;
        }
        .kjf{
            position: absolute;left: 47% !important;
      transform: translate(-0%, -20%) !important;
        }
    .jay {
        padding-left: 600px;
        padding-right: 600px;
    }
    .jay1 {
        padding-left: 610px;
        padding-right: 600px;
    }
    
    .ahmed {
        margin-left: 500px !important;
    }
  
    .carousel-inner {
        height: 1500px !important;
    }
    .fama {
        padding-top: 100px !important;
    }
    .kori {
        padding: 24px 0 24px 0 !important;
    }
    
    .btn-default1 {
        margin-top: 30px !important;
    }
    .jeon {
        margin-top: 80px;
    }
    .jeon1 {
        margin-top: 80px;
    }
    .jeon3 {
        margin-top: 250px;
    }
    .mutl {
        margin-top: 150px !important;
    }
    .boboo {
        max-width: 17% !important;}
    .tana {
        margin-top: 120px !important;
    }
    .jayho{
        margin-top: 150px !important;
    }
    .lima::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 40%;
        left: 16px;
        transform: translateY(-50%);
  
      }
      .lima1::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 9%;
        left: 16px;
        transform: translateY(-50%);
      }
      .lima2::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 40%;
        left: 16px;
        transform: translateY(-50%);
      }
      .nav>li>a {
        margin-right: 20px !important;
        margin-left: 40px !important;
      
    } 
}
@media screen and (min-width: 3100px) and (max-width:3199px) {
    .nav>li>a {
        margin-right: 20px !important;
        margin: 0px;
    }
    #hero .container {
        height: 94vh;
         padding-top: 700px;
         padding-left: 100px;
       }
     .btn-default{
         margin-left: 450px !important;
            margin-top: 400px !important;
            margin-right: 30px;
        }
        .btn-primary{
            margin-left: 0px !important;
            margin-top:400px !important;
        }
    
        .kjf{
            position: absolute;left: 47% !important;
      transform: translate(-0%, -20%) !important;
        }
        .kjf1{
            position: absolute;left: 47% !important;
      transform: translate(-0%, -20%) !important;
        }
    .jay {
        padding-left: 600px;
        padding-right: 600px;
    }

    .jay1 {
        padding-left: 610px;
        padding-right: 600px;
    }
   
    .ahmed {
        margin-left: 500px !important;
    }
  
    .carousel-inner {
        height: 1450px !important;
    }
    .fama {
        padding-top: 100px !important;
    }
    .kori {
        padding: 25px 0 25px 0 !important;
    }
   
    .btn-default1 {
        margin-top: 30px !important;
    }
    .jeon {
        margin-top: 80px;
    }
    .jeon1 {
        margin-top: 80px;
    }
    .jeon3 {
        margin-top: 250px;
    }
    .mutl {
        margin-top: 150px !important;
    }
    .boboo {
        max-width: 17% !important;
    }
    .tana {
        margin-top: 80px !important;
    }
    .jayho{
        margin-top: 120px !important;
    }
    .lima::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 40%;
        left: 16px;
        transform: translateY(-50%);
  
      }
      .lima1::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 9%;
        left: 16px;
        transform: translateY(-50%);
      }
      .lima2::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 40%;
        left: 16px;
        transform: translateY(-50%);
      }
      .nav>li>a {
        margin-right: 20px !important;
        margin-left: 40px !important;
      
    }
}
@media screen and (min-width: 3001px) and (max-width:3099px) {
    .nav>li>a {
        margin-right: 20px !important;
        margin: 0px;
    }
    #hero .container {
        height: 90vh;
         padding-top: 600px;
         padding-left: 100px;
       }
     .btn-default{
         margin-left: 450px !important;
            margin-top: 400px !important;
            margin-right: 30px;
        }
        .btn-primary{
            margin-left: 0px !important;
            margin-top:400px !important;
        }
        .kjf{
            position: absolute;left: 47% !important;
      transform: translate(-0%, -20%) !important;
        }
        .kjf1{
            position: absolute;left: 47% !important;
      transform: translate(-0%, -20%) !important;
        }
    .jay {
        padding-left: 600px;
        padding-right: 600px;
    }
    .jay1 {
        padding-left: 610px;
        padding-right: 600px;
    }
    
    .ahmed {
        margin-left: 500px !important;
    }
  
    .carousel-inner {
        height: 1400px !important;
    }
    .fama {
        padding-top: 100px !important;
    }
    .kori {
        padding: 25px 0 25px 0 !important;
    }
    .btn-default1 {
        margin-top: 30px !important;
    }
    .jeon {
        margin-top: 80px;
    }
    .jeon1 {
        margin-top: 80px;
    }
    .jeon3 {
        margin-top: 200px;
    }
    .mutl {
        margin-top: 150px !important;
    }
    .boboo {
        max-width: 17% !important;
    }
    .tana {
        margin-top: 80px !important;
    }
    .jayho{
        margin-top: 120px !important;
    }
    .lima::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 40%;
        left: 16px;
        transform: translateY(-50%);
  
      }
      .lima1::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 9%;
        left: 16px;
        transform: translateY(-50%);
      }
      .lima2::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 40%;
        left: 16px;
        transform: translateY(-50%);
      }
      .nav>li>a {
        margin-right: 20px !important;
        margin-left: 40px !important;
      
    }
}
@media screen and (min-width: 2901px) and (max-width:3000px) {
    .nav>li>a {
        margin-right: 20px !important;
        margin: 0px;
    }
    #hero .container {
        height: 88vh;
         padding-top: 600px;
         padding-left: 100px;
       }
     .btn-default{
         margin-left: 450px !important;
            margin-top: 400px !important;
            margin-right: 30px;
        }
        .btn-primary{
            margin-left: 0px !important;
            margin-top:400px !important;
        }
        .kjf{
            position: absolute;left: 47% !important;
      transform: translate(-0%, -20%) !important;
        }
        .kjf1{
            position: absolute;left: 47% !important;
      transform: translate(-0%, -20%) !important;
        }
    .jay {
        padding-left: 600px;
        padding-right: 600px;
    }
    .jay1 {
        padding-left: 610px;
        padding-right: 600px;
    }
    .jeon {
        margin-top: 80px;
    }
    .jeon1 {
        margin-top: 80px;
    }
    .jeon3 {
        margin-top: 150px;
    }
    
    .ahmed {
        margin-left: 500px !important;
    }
   
    .carousel-inner {
       height: 1350px !important;
    }
    .fama {
        padding-top: 100px !important;
    }
    .kori {
        padding: 20px 0 20px 0 !important;
    }
    .btn-default1 {
        margin-top: 30px !important;
    }
    .mutl {
        margin-top: 100px !important;
    }
    .boboo {
        max-width: 17% !important;
    }
    .tana {
        margin-top: 80px !important;
    }
    .map1 {
        margin: 0 0px 0 750px !important;
        width: 50% !important;
    }
    .rabi {
        margin-top: 120px !important;
    }
    .jayho{
        margin-top: 120px !important;
    }
    
    .lima::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 40%;
        left: 16px;
        transform: translateY(-50%);
  
      }
      .lima1::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 9%;
        left: 16px;
        transform: translateY(-50%);
      }
      .lima2::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 40%;
        left: 16px;
        transform: translateY(-50%);
      }
      .nav>li>a {
        margin-right: 20px !important;
        margin-left: 40px !important;
      
    }
}
@media screen and (min-width: 2801px) and (max-width:2900px) {
    #hero .container {
        height: 88vh;
         padding-top: 570px;
         padding-left: 100px;
       }
     .btn-default{
         margin-left: 450px !important;
            margin-top: 400px !important;
            margin-right: 30px;
        }
        .btn-primary{
            margin-left: 0px !important;
            margin-top:400px !important;
        }
        .kjf{
            position: absolute;left: 47% !important;
      transform: translate(-0%, -20%) !important;
        }
        .kjf1{
            position: absolute;left: 47% !important;
      transform: translate(-0%, -20%) !important;
        }
    .rabi {
        margin-top: 140px !important;
    }
    .jay {
        padding-left: 530px;
        padding-right: 530px;
    }
    .jay1 {
        padding-left: 560px;
        padding-right: 700px;
    }
    .ahmed {
        margin-left: 480px !important;
    }
 
    .carousel-inner {
       height: 1300px !important;
    }
    .fama {
        padding-top: 100px !important;
    }
    .kori {
        padding: 28px 0 28px 0 !important;
    }
    .dropdown {
    padding: 0 10px 0 10px !important;
    }
    .btn-default1 {
        margin-top: 30px !important;
    }
    .jeon {
        margin-top: 80px;
    }
    .jeon1 {
        margin-top: 80px;
    }
    .jeon3 {
        margin-top: 150px;
    }
    .mutl {
        margin-top: 100px !important;
    }
    .boboo {
        max-width: 17% !important;
    }
    .tana {
        margin-top: 80px !important;
    }
    .map1 {
        margin: 0 0px 0 670px !important;
        width: 53% !important;
    }
    .jayho{
        margin-top: 120px !important;
    }
    .lima::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 40%;
        left: 16px;
        transform: translateY(-50%);
  
      }
      .lima1::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 9%;
        left: 16px;
        transform: translateY(-50%);
      }
      .lima2::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 40%;
        left: 16px;
        transform: translateY(-50%);
      }
      .nav>li>a {
        margin-right: 20px !important;
        margin-left: 40px !important;
      
    }
}
@media screen and (min-width: 2701px) and (max-width: 2800px) {
    #hero .container {
        height: 80vh;
         padding-top: 570px;
         padding-left: 100px;
       }
     .btn-default{
         margin-left: 450px !important;
            margin-top: 330px !important;
            margin-right: 30px;
        }
        .btn-primary{
            margin-left: 0px !important;
            margin-top:330px !important;
        }
        .kjf{
            position: absolute;left:47% !important;
      transform: translate(-0%, -20%) !important;
        }
        .kjf1{
            position: absolute;left: 47% !important;
      transform: translate(-0%, -20%) !important;
        }
.jeon {
        margin-top: 80px;
    }
    .jeon1 {
        margin-top: 80px;
    }
    .jeon3 {
        margin-top: 150px;
    }
    .jay {
        padding-left: 500px;
        padding-right: 460px;
    }
    .jay1 {
        padding-left: 510px;
        padding-right: 600px;
    }
    .ahmed {
        margin-left: 430px !important;
    }
  
    .carousel-inner {
        height: 1250px !important;
    }
    .fama {
        padding-top: 100px !important;
    }
    .kori {
        padding: 25px 0 25px 0 !important;
    }
    .btn-default1 {
        margin-top: 30px !important;
    }
    .mutl {
        margin-top: 100px !important;
    }
    .boboo {
        max-width: 17% !important;
    }
    .tana {
        margin-top: 80px !important;
    }
    .map1 {
        margin: 0 0px 0 635px !important;
        width: 55% !important;
    }
    .rabi {
        margin-top: 140px !important;
    }
    .jayho{
        margin-top: 120px !important;
    }
    .lima::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 40%;
        left: 16px;
        transform: translateY(-50%);
  
      }
      .lima1::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 9%;
        left: 16px;
        transform: translateY(-50%);
      }
      .lima2::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 40%;
        left: 16px;
        transform: translateY(-50%);
      }
      .nav>li>a {
        margin-right: 20px !important;
        margin-left: 40px !important;
      
    }
}
@media screen and (min-width: 2601px) and (max-width: 2700px) {
    .nav>li>a {
        margin-right: 20px !important;
        margin-left: 40px !important;
      
    }
    .rabi {
        margin-top: 140px !important;
    }
    .tana {
        margin-top: 80px !important;
    }
    .mutl {
        margin-top: 100px !important;
    }
    .jeon {
        margin-top: 80px;
    }
    .jeon1 {
        margin-top: 80px;
    }
    .jeon3 {
        margin-top: 150px;
    }
    .jay {
        padding-left: 450px;
        padding-right: 400px;
    }
    .jay1 {
        padding-left: 470px;
        padding-right: 500px;
    }
    .ahmed {
        margin-left: 400px !important;
    }
   
    .carousel-inner {
       height: 1150px !important;
    }
    
    .fama {
        padding-top: 100px !important;
    }
    .kori {
        padding: 25px 0 25px 0 !important;
    }
    
    .btn-default1 {
        margin-top: 30px !important;
    }
    .boboo {
        max-width: 17% !important;
    }
    .map1 {
        margin: 0 0px 0 600px !important;
        width: 57% !important;
    }
    .jayho{
        margin-top: 120px !important;
    }
    .lima::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 40%;
        left: 16px;
        transform: translateY(-50%);
  
      }
      .lima1::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 9%;
        left: 16px;
        transform: translateY(-50%);
      }
      .lima2::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 40%;
        left: 16px;
        transform: translateY(-50%);
      }
      #hero .container {
        height: 80vh;
         padding-top: 570px;
         padding-left: 100px;
       }
     .btn-default{
         margin-left: 450px !important;
            margin-top: 330px !important;
            margin-right: 30px;
        }
        .btn-primary{
            margin-left: 0px !important;
            margin-top:330px !important;
        }
    
        .kjf{
            position: absolute;left: 47% !important;
      transform: translate(-0%, -20%) !important;
        }
        .kjf1{
            position: absolute;left: 47% !important;
      transform: translate(-0%, -20%) !important;
        }
}
@media screen and (min-width: 2501px) and (max-width: 2600px) {
    .nav>li>a {
        margin-right: 20px !important;
        margin-left: 40px !important;
      
    }
    .tana {
        margin-top: 80px !important;
    }
    .mutl {
        margin-top: 100px !important;
    }
    .jeon {
        margin-top: 80px;
    }
    .jeon1 {
        margin-top: 80px;
    }
    .jeon3 {
        margin-top: 150px;
    }
    .jay {
        padding-left: 400px;
        padding-right: 390px;
    }
    .jay1 {
        padding-left: 430px;
        padding-right: 500px;
    }
.ahmed {
        margin-left: 350px !important;
    }
  
    .carousel-inner {
        height: 1150px !important;
    }
    .fama {
        padding-top: 80px !important;
    }
    .kori {
        padding: 22px 0 22px 0 !important;
    }
    
    .btn-default1 {
        margin-top: 30px !important;
    }
    .boboo {
        max-width: 17% !important;
    }
    .tana {
        margin-top: 80px !important;
    }
    .map1 {
        margin: 0 0px 0 550px !important;
        width: 57% !important;
    }
    .rabi {
        margin-top: 140px !important;
    }
    .jayho{
        margin-top: 120px !important;
    }
    .lima::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 40%;
        left: 16px;
        transform: translateY(-50%);
  
      }
      .lima1::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 9%;
        left: 16px;
        transform: translateY(-50%);
      }
      .lima2::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 40%;
        left: 16px;
        transform: translateY(-50%);
      }
      #hero .container {
        height: 75vh;
         padding-top: 520px;
         padding-left: 100px;
       }
     .btn-default{
         margin-left: 450px !important;
            margin-top: 300px !important;
            margin-right: 30px;
        }
        .btn-primary{
            margin-left: 0px !important;
            margin-top:300px !important;
        }
        .kjf{
            position: absolute;left: 47% !important;
      transform: translate(-0%, -20%) !important;
        }
        .kjf1{
            position: absolute;left: 47% !important;
      transform: translate(-0%, -20%) !important;
        }
}
@media screen and (min-width: 2401px) and (max-width: 2499px) {
    .nav>li>a {
        margin-right: 20px !important;
        margin-left: 40px !important;
      
    }
    .rabi {
        margin-top: 140px !important;
    }
    .jay {
        padding-left: 340px;
        padding-right: 300px;
    }
    .jay1 {
        padding-left: 350px;
        padding-right: 450px;
    }
    .ahmed {
        margin-left: 300px !important;
    }
   
    .carousel-inner {
       height: 1100px !important;
    }
    .fama {
        padding-top: 100px !important;
    }
    .kori {
        padding: 25px 0 25px 0 !important;
    }
    .btn-default1 {
        margin-top: 30px !important;
    }
    .jeon {
        margin-top: 80px;
    }
    .jeon1 {
        margin-top: 80px;
    }
    .jeon3 {
        margin-top: 150px;
    }
    .mutl {
        margin-top: 100px !important;
    }
    .boboo {
        max-width: 17% !important;
    }
    .tana {
        margin-top: 80px !important;
    }
    .map1 {
        margin: 0 0px 0 490px !important;
        width: 63% !important;
    }
    .jayho{
        margin-top: 120px !important;
    }
    .lima::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 40%;
        left: 16px;
        transform: translateY(-50%);
  
      }
      .lima1::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 9%;
        left: 16px;
        transform: translateY(-50%);
      }
      .lima2::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 40%;
        left: 16px;
        transform: translateY(-50%);
      }
      #hero .container {
        height: 75vh;
         padding-top: 505px;
         padding-left: 100px;
       }
     .btn-default{
         margin-left: 450px !important;
            margin-top: 300px !important;
            margin-right: 30px;
        }
        .btn-primary{
            margin-left: 0px !important;
            margin-top:300px !important;
        }
        .kjf{
            position: absolute;left: 47% !important;
      transform: translate(-0%, -20%) !important;
        }
        .kjf1{
            position: absolute;left: 47% !important;
      transform: translate(-0%, -20%) !important;
        }
}

@media screen and (min-width: 2300px) and (max-width:2400px) {
    .nav>li>a {
        margin-right: 20px !important;
        margin-left: 40px !important;
      
    }
    .jay {
        padding-left: 300px;
        padding-right: 300px;
    }
    .jay1 {
        padding-left: 370px !important;
        padding-right: 450px !important;
    }
   
    .carousel-inner {
        height: 1100px !important;
    }
    .fama {
        padding-top: 100px !important;
    }
    .kori {
        padding: 20px 0 20px 0 !important;
    }
    .dropdown {
        padding: 0 20px 0 20px !important;
    }
    .btn-default1 {
        margin-top: 30px !important;
    }
    
    #about {
        margin-bottom: 150px !important;
    }
    .boboo {
        max-width: 17% !important;
    }
    .tana {
        margin-top: 80px !important;
    }
    .rabi {
        margin-top: 140px !important;
    }
    .jayho{
        margin-top: 120px !important;
    }
  
    #hero .container {
        height: 70vh;
        padding-top: 500px;
        padding-left: 100px;
       }
     .btn-default{
         margin-left: 450px !important;
            margin-top: 250px !important;
            margin-right: 30px;
        }
        .btn-primary{
            margin-left: 0px !important;
            margin-top:250px !important;
        }
        .kjf{
            position: absolute;left: 47% !important;
      transform: translate(-0%, -20%) !important;
        }
        .kjf1{
            position: absolute;left: 47% !important;
      transform: translate(-0%, -20%) !important;
        }
    
}
@media screen and (min-width: 2300px) and (max-width:2399px) {
    .nav>li>a {
        margin-right: 20px !important;
        margin-left: 40px !important;
      
    }
        .kjf{
            position: absolute;left: 46% !important;
      transform: translate(-0%, -20%) !important;
        }
        .kjf1{
            position: absolute;left: 46% !important;
      transform: translate(-0%, -20%) !important;
        }
    .rabi {
        margin-top: 140px !important;
    }
    .tana {
        margin-top: 80px !important;
    }
    
    .kori {
        padding: 25px 0 25px 0 !important;
    }
    .dropdown {
        padding: 0 5px 0 5px !important;
    }
    
    .ahmed {
        margin-left: 270px !important;
    }
    .jay {
        padding-left: 280px !important;
        padding-right: 280px !important;
    }
    .jay1 {
        padding-left: 300px !important;
        padding-right: 400px !important;
    }
    .jeon {
        margin-top: 80px;
    }
    .jeon1 {
        margin-top: 80px;
    }
    .jeon3 {
        margin-top: 150px;
    }
    .mutl {
        margin-top: 100px !important;
    }
    .boboo {
        max-width: 17% !important;
    }
    .map1 {
        margin: 0 0px 0 430px !important;
        width: 65% !important;
    }
    
    .lima::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 40%;
        left: 16px;
        transform: translateY(-50%);
  
      }
      .lima1::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 9%;
        left: 16px;
        transform: translateY(-50%);
      }
      .lima2::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 40%;
        left: 16px;
        transform: translateY(-50%);
      }
    
}
@media screen and (min-width: 2200px) and (max-width:2299px) {
    #hero .container {
        height: 65vh;
         padding-top: 480px;
         padding-left: 100px;
       }
     .btn-default{
         margin-left: 450px !important;
            margin-top: 230px !important;
            margin-right: 30px;
        }
        .btn-primary{
            margin-left: 0px !important;
            margin-top:230px !important;
        }
        .kjf{
            position: absolute;left: 46% !important;
      transform: translate(-0%, -20%) !important;
        }
        .kjf1{
            position: absolute;left: 46% !important;
      transform: translate(-0%, -20%) !important;
        }
    .tana {
        margin-top: 80px !important;
    }
   
    .fama {
        margin-top: 100px !important;
    }
    
    .kori {
        padding: 22px 0 22px 0 !important;
    }
    .dropdown {
        padding: 0 5px 0 5px !important;
    }
    .carousel-inner 
    {
         height: 1050px !important;  }
    .ahmed {
        margin-left: 240px !important;
    }
    .jay{
        padding-left: 250px !important;
        padding-right: 250px !important;
    }
    .jay1 {
        padding-left: 260px;
        padding-right: 400px !important;
    }
    .jeon {
        margin-top: 80px;
    }
    .jeon1 {
        margin-top: 80px;
    }
    .jeon3 {
        margin-top: 150px;
    }
    .mutl {
        margin-top: 100px !important;
    }
    .boboo {
        max-width: 17% !important;
    }
   
    .map1 {
        margin: 0 0px 0 400px !important;
        width: 66% !important;
    }
    .rabi {
        margin-top: 140px !important;
    }
    .jayho{
        margin-top: 120px !important;
    }
   
      
    .lima::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 40%;
        left: 16px;
        transform: translateY(-50%);
  
      }
      .lima1::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 9%;
        left: 16px;
        transform: translateY(-50%);
      }
      .lima2::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 40%;
        left: 16px;
        transform: translateY(-50%);
      }
      .nav>li>a {
        margin-right: 20px !important;
        margin-left: 40px !important;
      
    }
}
@media screen and (min-width: 2100px) and (max-width:2199px) {
    #hero .container {
        height: 63vh;
         padding-top: 440px;
         padding-left: 100px;
       }
     .btn-default{
         margin-left: 450px !important;
            margin-top: 230px !important;
            margin-right: 30px;
        }
        .btn-primary{
            margin-left: 0px !important;
            margin-top:230px !important;
        }
        .kjf{
            position: absolute;left: 46% !important;
      transform: translate(-0%, -20%) !important;
        }
        .kjf1{
            position: absolute;left: 46% !important;
      transform: translate(-0%, -20%) !important;
        }
    .rabi {
        margin-top: 140px !important;
    }
    .tana {
        margin-top: 80px !important;
    }
   
    .kori {
        padding: 22px 0 22px 0 !important;
    }
    .fama {
        padding-top: 70px !important;
    }
    .btn-default1{
        margin-top: 30px !important;
    }
    .carousel-inner {
        height: 950px !important;
    }
    .ahmed {
        margin-left: 200px !important;
    }
    .jay {
        padding-left: 200px;
        padding-right: 200px;
    }
    .jay1 {
        padding-left: 210px;
        padding-right: 350px !important;
    }
    
    .jeon {
        margin-top: 80px;
    }
    .jeon1 {
        margin-top: 80px;
    }
    .jeon3 {
        margin-top: 150px;
    }
    .mutl {
        margin-top: 100px !important;
    }
    .boboo {
        max-width: 17% !important;
    }
    .map1 {
        margin: 0 0px 0 350px !important;
        width: 68% !important;
    }
    .jayho{
        margin-top: 120px !important;
    }
    
    .lima::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 40%;
        left: 16px;
        transform: translateY(-50%);
  
      }
      .lima1::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 9%;
        left: 16px;
        transform: translateY(-50%);
      }
      .lima2::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 40%;
        left: 16px;
        transform: translateY(-50%);
      }
      .nav>li>a {
        margin-right: 20px !important;
        margin-left: 40px !important;
      
    }
     
}

@media screen and (min-width: 2000px) and (max-width:2099px) {
    .nav>li>a {
        margin-right: 20px !important;
        margin-left: 40px !important;
      
    }
   
    .kori {
        padding: 22px 0 22px 0 !important;
    }
    .fama {
        padding-top: 90px !important;
    }
    
    .btn-default1{
        margin-top: 30px !important;
    }
    .carousel-inner {
     height: 950px !important;
    }
    .ahmed {
        margin-left: 160px !important;
    }
    .jay {
        padding-left: 150px;
        padding-right: 130px;
    }
    .jay1 {
        padding-left: 160px;
        padding-right: 280px !important;
    }
    
    .jeon {
        margin-top: 80px;
    }
.jeon1 {
        margin-top: 80px;
    }
    .jeon3 {
        margin-top: 150px;
    }
    .mutl {
        margin-top: 100px !important;
    }
    .boboo {
        max-width: 17% !important;
    }
    .tana {
        margin-top: 80px !important;
    }
    .map1 {
        margin: 0 0px 0 290px !important;
        width: 73% !important;
    }
    .rabi {
        margin-top: 140px !important;
    }
    .jayho{
        margin-top: 120px !important;
    }
    .lima::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 40%;
        left: 16px;
        transform: translateY(-50%);
  
      }
      .lima1::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 9%;
        left: 16px;
        transform: translateY(-50%);
      }
      .lima2::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 40%;
        left: 16px;
        transform: translateY(-50%);
      }
      #hero .container {
        height: 60vh;
         padding-top: 440px;
         padding-left: 100px;
       }
     .btn-default{
         margin-left: 450px !important;
            margin-top: 230px !important;
            margin-right: 30px;
        }
        .btn-primary{
            margin-left: 0px !important;
            margin-top:230px !important;
        }
        .kjf{
            position: absolute;left: 46% !important;
      transform: translate(-0%, -20%) !important;
        }
        .kjf1{
            position: absolute;left: 46% !important;
      transform: translate(-0%, -20%) !important;
        }
}
@media screen and (min-width: 1901px) and (max-width: 1999px) {
    .rabi {
        margin-top: 140px !important;
    }
    .jay {
        padding-left: 120px;
        padding-right: 90px;
    }
.jay1 {
        padding-left: 140px;
        padding-right: 220px;
    }
.ahmed {
        margin-left: 120px;
    }
   
    .kori {
        padding: 23px 0 23px 0 !important;
    }
    .fama {
        margin-top: 100px;
    }
    .jeon {
        margin-top: 80px;
    }
    .jeon1 {
        margin-top: 80px;
    }
    .jeon3 {
        margin-top: 150px;
    }
    .mutl {
        margin-top: 100px !important;
    }
    .boboo {
        max-width: 17% !important;
    }
    .tana {
        margin-top: 80px !important;
    }
    .map1 {
        margin: 0 0px 0 260px !important;
        width: 75% !important;
    }
    .jayho{
        margin-top: 120px !important;
    }
    .carousel-inner {
        height: 900px !important;
    }
    .lima::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 40%;
        left: 16px;
        transform: translateY(-50%);
  
      }
      .lima1::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 9%;
        left: 16px;
        transform: translateY(-50%);
      }
      .lima2::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 40%;
        left: 16px;
        transform: translateY(-50%);
      }
      .btn-default1{
        margin-top: 30px !important;
    }
    #hero .container {
         padding-top: 440px;
         padding-left: 100px;
       }
     .btn-default{
         margin-left: 450px !important;
            margin-top: 230px !important;
            margin-right: 30px;
        }
        .btn-primary{
            margin-left: 0px !important;
            margin-top:230px !important;
        }
        .kjf{
            position: absolute;left: 46% !important;
      transform: translate(-0%, -20%) !important;
        }
        .kjf1{
            position: absolute;left: 46% !important;
      transform: translate(-0%, -20%) !important;
        }
        .nav>li>a {
            margin-right: 20px !important;
            margin-left: 40px !important;
          
        }
}
@media screen and (min-width: 1801px) and (max-width: 1900px) {
    #hero .container {
        /* height: 150vh; */
         padding-top: 400px;
         padding-left: 100px;
       }
     .btn-default{
         margin-left: 450px !important;
            margin-top: 150px !important;
            margin-right: 30px;
        }
        .btn-primary{
            margin-left: 0px !important;
            margin-top:150px !important;
        }
        .kjf{
            position: absolute;left: 46% !important;
      transform: translate(-0%, -20%) !important;
        }
        .kjf1{
            position: absolute;left: 46% !important;
      transform: translate(-0%, -20%) !important;
        }
    .jay {
        padding-left: 50px;
        padding-right: 40px;
    }
    
    .jay1 {
        padding-left: 70px;
        padding-right: 150px;
    }
   
    .btn-default1{
        margin-top: 30px !important;
    }
    .ahmed {
        margin-left: 70px !important;
    }
    .kori {
        padding: 25px 0 25px 0 !important;
    }
    .fama {
        padding-top: 50px !important;
    }
    .carousel-inner {
       height: 850px !important;
    }
    .jeon {
        margin-top: 80px;
    }
    .jeon1 {
        margin-top: 80px;
    }
    .jeon3 {
        margin-top: 150px;
    }
    .mutl {
        margin-top: 100px !important;
    }
    .boboo {
        max-width: 17% !important;
    }
    .tana {
        margin-top: 80px !important;
    }
    .map1 {
        margin: 0 0px 0 185px !important;
        width: 82% !important;
    }
.rabi {
        margin-top: 140px !important;
    }
    .jayho{
        margin-top: 120px !important;
    }
    .lima::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 40%;
        left: 16px;
        transform: translateY(-50%);
  
      }
      .lima1::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 9%;
        left: 16px;
        transform: translateY(-50%);
      }
      .lima2::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 40%;
        left: 16px;
        transform: translateY(-50%);
      }
      .nav>li>a {
        margin-right: 20px !important;
        margin-left: 40px !important;
      
    }
}
@media screen and (min-width: 1701px) and (max-width: 1800px) {
    .nav>li>a {
        margin-right: 20px !important;
        margin-left: 40px !important;
      
    }
    .rabi {
        margin-top: 120px !important;
    }
    .tana {
        margin-top: 80px !important;
    }
    .ahmed {
        margin-left: 40px !important;
    }
.jay {
        padding-left: 30px;
        padding-right: 30px;
    }
    .jay1 {
        padding-left: 50px;
        padding-right: 130px;
    }
    .carousel-inner {
        height: 800px !important;
    }
    #about .ali {
margin-top: -290px !important;
        width: 60% !important;
        margin-left: 290px;
        position: relative;
    }
    .kori {
        padding: 23px 0 23px 0 !important;
    }
    .fama {
        padding-top: 50px !important;
    }
    .btn-default1{
        margin-top: 30px !important;
    }
    
    .jeon {
        margin-top: 80px;
    }
    .jeon1 {
        margin-top: 80px;
    }
  .jeon3 {
        margin-top: 140px;
    }
.mutl {
        margin-top: 100px !important;
    }
    .boboo {
        max-width: 17% !important;
    }
    .map1 {
        margin: 0 0px 0 163px !important;
        width: 82% !important;
    }
    .jayho{
        margin-top: 100px !important;
    }
    
    .lima::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 40%;
        left: 16px;
        transform: translateY(-50%);
  
      }
      .lima1::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 9%;
        left: 16px;
        transform: translateY(-50%);
      }
      .lima2::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 40%;
        left: 16px;
        transform: translateY(-50%);
      }
      #hero .container {
        /* height: 160vh; */
        /* height: auto; */
         padding-top: 400px;
         padding-left: 100px;
       }
     .btn-default{
         margin-left: 450px !important;
            margin-top: 190px !important;
            margin-right: 30px;
        }
        .btn-primary{
            margin-left: 0px !important;
            margin-top:190px !important;
        }
        .kjf{
            position: absolute;left: 45% !important;
      transform: translate(-0%, -20%) !important;
        }
        .kjf1{
            position: absolute;left: 45% !important;
      transform: translate(-0%, -20%) !important;
        }
}
@media screen and (min-width: 1651px) and (max-width: 1700px) {
    .nav>li>a {
        margin-right: 20px !important;
        margin-left: 40px !important;
      
    }
    #hero .container {
        /* height: 150vh; */
         padding-top: 350px;
         padding-left: 100px;
       }
     .btn-default{
         margin-left: 450px !important;
            margin-top: 150px !important;
            margin-right: 30px;
        }
        .btn-primary{
            margin-left: 0px !important;
            margin-top:150px !important;
        }
        .kjf{
            position: absolute;left: 45% !important;
      transform: translate(-0%, -20%) !important;
        }
        .kjf1{
            position: absolute;left: 45% !important;
      transform: translate(-0%, -20%) !important;
        }

}
@media screen and (min-width: 1601px) and (max-width: 1700px) {
    .nav>li>a {
        margin-right: 20px !important;
        margin-left: 40px !important;
      
    }
    .rabi {
        margin-top: 120px !important;
    }
    .carousel-inner {
        height: 750px !important;
    }
    .jay {
        padding-left: 10px !important;
        padding-right: 20px !important;
    }
    .jay1 {
        padding-left: 20px;
        padding-right: 100px;
    }
   
    .kori {
        padding: 20px 0 20px 0 !important;
    }
    .fama {
        padding-top: 50px !important;
    }
    
    .btn-default1{
        margin-top: 30px !important;
    }
    
    .jeon {
        margin-top: 80px;
    }
    .jeon1 {
        margin-top: 80px;
    }
    .jeon3 {
        margin-top: 100px;
    }
    .boboo {
        max-width: 17% !important;
    }
    .tana {
        margin-top: 80px !important;
    }
    .mutl {
        margin-top: 100px !important;
    }
    .map1 {
        margin: 0 0px 0 140px !important;
        width: 82% !important;
    }
    .jayho{
        margin-top: 100px !important;
    }
    
    .lima::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 40%;
        left: 16px;
        transform: translateY(-50%);
  
      }
      .lima1::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 9%;
        left: 16px;
        transform: translateY(-50%);
      }
      .lima2::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 40%;
        left: 16px;
        transform: translateY(-50%);
      }
      #hero .container {
       /* height: 150vh; */
        padding-top: 350px;
        padding-left: 100px;
      }
    .btn-default{
        margin-left: 450px !important;
           margin-top: 150px !important;
           margin-right: 30px;
       }
       .btn-primary{
           margin-left: 0px !important;
           margin-top:150px !important;
       }
       .kjf{
           position: absolute;left: 45% !important;
     transform: translate(-0%, -20%) !important;
       }
       .kjf1{
        position: absolute;left: 45% !important;
  transform: translate(-0%, -20%) !important;
    }
}
@media screen and (min-width: 1501px) and (max-width: 1600px) {
    .nav>li>a {
        margin-right: 20px !important;
        margin-left: 40px !important;
      
    }
    .jayho{
        margin-top: 100px !important;
    }
    .rabi {
        margin-top: 100px !important;
    }
    .mutl {
        margin-top: 80px !important;
    }
    .tana {
        margin-top: 80px !important;
    }
.carousel-inner {
       height: 700px !important;
    }
    .jay1 {
        padding-left: 20px;
    }
   
    .kori {
        padding: 13px 0 13px 0 !important;
    }
    .fama {
        margin-top: 40px;
    }
    
    .btn-default1{
        margin-top: 30px !important;
    }
    .jeon {
        margin-top: 80px;
    }
    .jeon1 {
        margin-top: 80px;
    }
.jeon3 {
        margin-top: 60px;
    }
    .boboo {
        max-width: 17% !important;
    }
.map1 {
        margin: 0 0px 0 140px !important;
        width: 83% !important;
    }
    .lima::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 40%;
        left: 16px;
        transform: translateY(-50%);
  
      }
      .lima1::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 9%;
        left: 16px;
        transform: translateY(-50%);
      }
      .lima2::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 40%;
        left: 16px;
        transform: translateY(-50%);
      }
      #hero .container {
       /* height: 140vh; */
        padding-top: 320px;
        padding-left: 100px;
      }
     
    .btn-default{
        margin-left: 450px !important;
           margin-top: 130px !important;
           margin-right: 30px;
       }
       .btn-primary{
           margin-left: 0px !important;
           margin-top:130px !important;
       }
       .kjf{
           position: absolute;left: 44% !important;
     transform: translate(-0%, -20%) !important;
       }
       .kjf1{
        position: absolute;left: 44% !important;
  transform: translate(-0%, -20%) !important;
    }
}
@media screen and (min-width: 1401px) and (max-width: 1500px) {
    .nav>li>a {
        margin-right: 20px !important;
        margin-left: 40px !important;
      
    }
   
      .btn-default1{
        margin-top: 30px !important;
    }
    
    .lima::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 40%;
        left: 16px;
        transform: translateY(-50%);
  
      }
      .lima1::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 9%;
        left: 16px;
        transform: translateY(-50%);
      }
      .lima2::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 40%;
        left: 16px;
        transform: translateY(-50%);
      }
    .rabi {
        margin-top: 90px !important;
    }
    .tana {
        margin-top: 80px !important;
    }
    .carousel-inner {
       height: 650px !important;
    }
    .jay1 {
        padding-left: 20px;
    }
   
    .kori {
        padding: 5px 0 5px 0 !important;
    }

    .jeon {
        margin-top: 80px;
    }
    .jeon1 {
        margin-top: 80px;
    }
    .jeon3 {
        margin-top: 60px;
    }
    .boboo {
        max-width: 17% !important;
    }
    .mutl {
        margin-top: 50px !important;
    }
    .map1 {
        margin: 0 0px 0 140px !important;
        width: 81% !important;
    }
    #hero .container {
       /* height: 130vh; */
        padding-top: 300px;
        padding-left: 100px;
      }
     
    .btn-default{
        margin-left: 450px !important;
           margin-top: 130px !important;
           margin-right: 30px;
       }
       .btn-primary{
           margin-left: 0px !important;
           margin-top:130px !important;
       }
       .kjf{
           position: absolute;left: 43% !important;
     transform: translate(-0%, -20%) !important;
       }
       .kjf1{
        position: absolute;left: 43% !important;
  transform: translate(-0%, -20%) !important;
    }
}
@media screen and (min-width: 1300px) and (max-width: 1400px) {
    .nav>li>a {
        margin-right: 20px !important;
        margin-left: 40px !important;
      
    }
    
    .btn-default{
        margin-left: 450px !important;
           margin-top: 100px !important;
           margin-right: 30px;
       }
       .btn-primary{
           margin-left: 0px !important;
           margin-top:100px !important;
       }
       .ariva{
margin-top: 50px;
       }
       .kjf{
           position: absolute;left: 43% !important;
     transform: translate(-0%, -20%) !important;
       }
       .kjf1{
        position: absolute;left: 43% !important;
  transform: translate(-0%, -20%) !important;
    }
    .lima::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 40%;
        left: 16px;
        transform: translateY(-50%);
  
      }
      .lima1::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 9%;
        left: 16px;
        transform: translateY(-50%);
      }
      .lima2::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 40%;
        left: 16px;
        transform: translateY(-50%);
      }
      
    .rabi {
        margin-top: 30px !important;
    }
    .mutl {
        margin-top: 50px !important;
    }
    .carousel-inner {
        height: 650px !important;
    }
    .jay {
        padding-left: 5px;
        padding-right: 5px;
    }
    #hero .container {
       
        padding-top: 280px;
        padding-left: 100px;
      }
    .map1 {
        margin: 0 0px 0 140px !important;
        width: 80% !important;
    }
    .boboo {
        max-width: 17% !important;
    }
    .jay1 {
        padding-left: 10px !important;
    }
    .ahmed {
        margin-left: 30px !important;
    }
   
   
    .btn-default1{
        margin-top: 30px !important;
    } 
}
@media screen and (min-width: 1201px) and (max-width: 1299px) {
    .lima::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 40%;
        left: 16px;
        transform: translateY(-50%);
  
      }
      .lima1::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 9%;
        left: 16px;
        transform: translateY(-50%);
      }
      .lima2::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 40%;
        left: 16px;
        transform: translateY(-50%);
      }
    .rabi {
        margin-bottom: 30px !important;
    }
    .map1 {
        margin: 0 0px 0 140px !important;
        width: 80% !important;
    }
    .mutl {
        margin-top: 50px !important;
        margin-bottom: 30px !important;
    }
    .jay {
        padding-left: 1px;
        padding-right: 5px;
    }
    .jay1 {
        padding-left: 0px !important;
        padding-right: 15px;
    }
    .ahmed {
        margin-left: 10px !important;
    }
   
    .kori {
        padding: 0% !important;
    }
    .carousel-inner {
        max-height: 600px !important;
    }
    #hero{
        padding: 200px 0 0 100px !important;
    }
    .btn-default{
        margin-left: 450px !important;
           margin-top: 80px !important;
           margin-right: 30px;
       }
       .btn-primary{
           margin-left: 0px !important;
           margin-top:80px !important;
       }
       .kjf{
           position: absolute;left: 43% !important;
     transform: translate(-0%, -20%) !important;
       }
       .kjf1{
        position: absolute;left: 43% !important;
  transform: translate(-0%, -20%) !important;
    }
    

}
@media screen and (min-width: 1101px) and (max-width: 1200px) {
   .yarr{
    margin-top: 0% !important;
   }
        #hero{
            padding: 200px 0 0 50px !important;
        }
        .btn-default{
            margin-left: 400px !important;
               margin-top: 150px !important;
               margin-right: 30px;
           }
           .btn-primary{
               margin-left: 0px !important;
               margin-top:150px !important;
           }
           .kjf{
               position: absolute;left: 43% !important;
         transform: translate(-0%, -20%) !important;
           }
           .kjf1{
            position: absolute;left: 43% !important;
      transform: translate(-0%, -20%) !important;
        }
    
    .mutl {
        margin-bottom: 30px !important;
    }
    .rabi {
        margin-bottom: 30px !important;
    }
    .map1 {
        margin: 0 0px 0 140px !important;
        width: 76% !important;
    }
    .tana {
        margin-bottom: 30px !important;
    }
    .carousel-inner {
       height: 600px !important;
    }
    #hero{
        padding: 190px 0 0 100px !important;
    }
    .btn-default{
      
           margin-top: 80px !important;
           margin-right: 30px;
       }
       .btn-primary{
        
           margin-top: 80px !important;
       }
       .kjf{
           position: absolute;left: 40% !important;
     transform: translate(-0%, -20%) !important;
       }
       .kjf1{
        position: absolute;left: 40% !important;
  transform: translate(-0%, -20%) !important;
    }
}
@media screen and (min-width: 1051px) and (max-width: 1100px) {
    .mutl {
        margin-bottom: 30px !important;
    }
    .tana {
        margin-bottom: 30px !important;
    }
    .rabi {
        margin-bottom: 30px !important;
    }
    .jay {
        padding-left: 5px;
        padding-right: 5px;
    }
    .jay1 {
        padding-left: 20px;
        padding-right: 20px;
    }
    .ahmed {
        margin-left: 30px !important;
    }
    .carousel-inner {
        height: 500px !important;
    }
    .map1 {
        margin: 0 0px 0 140px !important;
        width: 75% !important;
    }
    #hero{
        padding: 190px 0 0 100px !important;
    }
    .btn-default{
      
           margin-top: 80px !important;
           margin-right: 30px;
       }
       .btn-primary{
        
           margin-top: 80px !important;
       }
       .kjf{
           position: absolute;left: 40% !important;
     transform: translate(-0%, -20%) !important;
       }
       .kjf1{
        position: absolute;left: 40% !important;
  transform: translate(-0%, -20%) !important;
    }
}
@media screen and (min-width: 1000px) and (max-width: 1050px) {
    #hero{
        padding: 190px 0 0 70px !important;
    }
    .btn-default{
       
           margin-top: 80px !important;
           margin-right: 30px;
       }
       .btn-primary{
          
           margin-top: 80px !important;
       }
       .kjf{
           position: absolute;left: 40% !important;
     transform: translate(-0%, -20%) !important;
       }
       .kjf1{
        position: absolute;left: 40% !important;
  transform: translate(-0%, -20%) !important;
    }
    .mutl {
        margin-bottom: 30px !important;
    }
    .tana {
        margin-bottom: 30px !important;
    }
    .rabi {
        margin-bottom: 30px !important;
    }
    .jay {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .jay1 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .ahmed {
        margin-left: 6px !important;
    }
    .map1 {
        margin: 0 0px 0 140px !important;
        width: 75% !important;
    }
    .carousel-inner {
        height: 500px !important;
    }
}
@media screen and (min-width: 950px) and (max-width: 999px) {
    .rabi {
        margin-bottom: 30px !important;
    }
    .kopp {
        margin-top: 150px !important;
    }
    .tana {
        margin-bottom: 30px !important;
    }
    .bana {
        margin-top: 40px !important;
    }
    .mutl {
        margin-bottom: 30px !important;
    }
    .mutl1 {
        margin-top: 100px !important;
    }
    .carousel-inner {
       height: 500px !important;
    }
    #hero{
        padding: 190px 0 0 150px !important;
    }
    .btn-default{
     
           margin-top: 60px !important;
           margin-right: 30px;
       }
       .btn-primary{
        
           margin-top: 60px !important;
       }
       .kjf{
           position: absolute;left: 40% !important;
     transform: translate(-0%, -20%) !important;
       }
       .kjf1{
        position: absolute;left: 40% !important;
  transform: translate(-0%, -20%) !important;
    }
}
@media screen and (min-width: 900px) and (max-width: 949px) {
    #hero{
        padding: 190px 0 0 70px !important;
    }
    .btn-default{
      
        margin-right: 30px;   
         margin-top: 60px !important;
       }
       .btn-primary{
         
          
           margin-top: 60px !important;
       }
       .kjf{
           position: absolute;left: 35% !important;
     transform: translate(-0%, -20%) !important;
       }
       .kjf1{
        position: absolute;left: 35% !important;
  transform: translate(-0%, -20%) !important;
    }
    .rabi {
        margin-bottom: 30px !important;
    }
    .kopp {
        margin-top: 150px !important;
    }
    .tana {
        margin-bottom: 30px !important;
    }
    .bana {
        margin-top: 50px !important;
    }
    .mutl {
        margin-bottom: 30px !important;
    }
    .mutl1 {
        margin-top: 150px !important;
    }
    .carousel-inner {
        height: 450px !important;
    }
}

@media screen and (min-width: 800px) and (max-width: 899px) {
   
    .rabi {
        margin-bottom: 30px !important;
    }
    .kopp {
        margin-top: 200px !important;
    }
    .tana {
        margin-bottom: 30px !important;
    }
    .bana {
        margin-top: 100px !important;
    }
    .mutl {
        margin-bottom: 30px !important;
    }
    .mutl1 {
        margin-top: 200px !important;
    }
    .carousel-inner {
        height: 400px !important;
    }
   
    #hero{
        padding: 190px 0 0 70px !important;
    }
    .btn-default{
       
           margin-top: 60px !important;
           margin-right: 30px;
       }
       .btn-primary{
          
           margin-top: 60px !important;
       }
       .kjf{
           position: absolute;left: 45% !important;
     transform: translate(-0%, -20%) !important;
       }
       .kjf1{
        position: absolute;left: 45% !important;
  transform: translate(-0%, -20%) !important;
    }
}
@media screen and (min-width: 768px) and (max-width: 799px) {
    .rabi {
        margin-bottom: 30px !important;
    }
    .kopp {
        margin-top: 250px !important;
    }
    .tana {
        margin-bottom: 30px !important;
    }
    .bana {
        margin-top: 100px !important;
    }
    .mutl {
        margin-bottom: 30px !important;
    }
    .mutl1 {
        margin-top: 200px !important;
    }
    .carousel-inner {
       height: 400px !important;
    }
}

@media screen and (min-width: 993px) and (max-width: 1847px) {
    .sadd {
        margin: 50px 60px 0 60px !important;
    }
}
@media screen and (max-width: 2799px) {
    .jiso {
        padding: 0px 150px 0 0 !important;
    }
    .nav>li>a {
        margin-right: 20px !important;
        margin: 0px;
    }
}
@media screen and (max-width: 2599px) {
    .jiso {
        padding: 0px 150px 0 0 !important;
    }
    .nav>li>a {
        margin-right: 20px !important;
        margin: 0px;
    }
}
@media screen and (max-width: 2499px) {
    .jiso {
        padding: 0px 150px 0 0 !important;
    }
    .nav>li>a {
        margin-right: 20px !important;
        margin: 0px;
    }
}
@media screen and (max-width: 2399px) {
    .jiso {
        padding: 0px 150px 0 0 !important;}
    .nav>li>a {
        margin-right: 20px !important;
        margin: 0px;
    }
}
@media screen and (max-width: 2299px) {
    .jiso {
        padding: 0px 150px 0 0 !important;
    }
    .nav>li>a {
        margin-right: 20px !important;
        margin: 0px;
    }
}
@media screen and (max-width: 2199px) {
    .jiso {
        padding: 0px 150px 0 0 !important;
    }
    .nav>li>a {
        margin-right: 40px !important;
        margin: 0px;
    }
}
@media screen and (max-width: 2099px) {
    .jiso {
        padding: 0px 150px 0 0 !important;
    }
    .nav>li>a {
        margin-right: 40px !important;
        margin: 0px;
    }
}
@media screen and (max-width: 1999px) {
    .jiso {
        padding: 0px 150px 0 0 !important;
    }
    .nav>li>a {
        margin-right: 40px !important;
        margin: 0px;
    }
}
@media screen and (max-width: 1899px) {
    .jiso {
        padding: 0px 100px 0 0px !important;
    }
    .nav>li>a {
        margin-right: 40px !important;
        margin: 0px;
    }
}
@media screen and (max-width: 1799px) {
    .jiso {
        padding: 0px 0 0 10px;
    }
    .nav>li>a {
        margin-right: 40px !important;
        margin: 0px;
    }
}
@media screen and (max-width: 1699px) {
    .jiso {
        padding: 0px 0 0 10px;
    }
    .nav>li>a {
        margin-right: 40px !important;
        margin: 0px;
    }
}
@media screen and (max-width: 1599px) {
    .jiso {
        padding: 0px 0 0 10px;
    }
    .nav>li>a {
 margin-right: 40px !important;
        margin: 0px;
    }
}
@media screen and (max-width: 1499px) {
    .jiso {
        padding: 0px 0 0 100px;
    }
    .nav>li>a {
        margin-right: 40px !important;
        margin: 0px;
    }
}
@media screen and (max-width: 1399px) {
    .jiso {
        padding: 0px 0 0 100px;
    }
    .nav>li>a {
        margin-right: 40px !important;
        margin: 0px;
    }
}
@media screen and (max-width: 1299px) {
    .jiso {
        padding: 0px 100px 0 0px !important;
    }
    .nav>li>a {
        margin-right: 20px !important;
        margin: 0px;
    }
}
@media screen and (max-width: 1199px) {}
.jiso {
    margin-left: 100px !important;
}
.nav>li>a {
    padding: 40px 15px 0px 0px !important;
}
.btn-default1 {
    display: inline !important;
    margin-top: 4%;
}
@media screen and (max-width: 1000px) {
    .jiso {
  padding: 0% !important;
    }
    .carousel-caption {
        display: none;
    }
    .navbar-right {
        font-size: 12px;

    }
    .carousel .item {
        min-height: 350px;
    }
    .subscribe {
        display: none;
    }
    .contact-style-1 {
        width: 100%;
    }
    .top-icon li:last-child {
        display: none;
    }
    .btn-black.pull-right.margin-top30 {
        float: none !important;
        clear: both;
        margin-top: 20px !important;
    }
    .btn-theme.pull-right.margin-top30 {
        float: left !important;
        clear: both;
        margin-top: 20px !important;
    }
 .main-navbar.no-bg.position-fixed.header-color .nav.navbar-nav.navbar-right .dropdown-buttons {
        margin-top: 25px;
    }
}
@media (min-width: 768px) and (max-width: 990px) {
    .main-navbar.no-bg.position-fixed.header-color .nav.navbar-nav.navbar-right .dropdown-buttons {
        margin-top: 0;
    }
}
@media (min-width: 768px) and (max-width: 900px) {
    .sadd {
        margin-left: 100px !important;
        margin-right: 100px !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .navbar-default .navbar-nav.style-2>li>a {
        padding: 15px 6px;
    }
    .navbar-default .navbar-nav.style-3>li>a {
        padding: 8px !important;
    }
    .btn-default1 {
        margin: 0% !important;
        padding: 1% !important;
        margin-bottom: 5% !important;
    }
    .btn-default{
        margin-left:40% !important;
    }
   
}
@media (min-width: 768px) and (max-width: 1190px) {
    .header-color .nav>li>a {
        padding: 10px;
    }
}
@media screen and (max-width: 767px) {
  
    .nav.navbar-nav.navbar-right {
        background:#004952;
    }
    .main-navbar .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .dropdown-buttons {
        display: none;
    }
    .row {
        margin-right: 15px;
        margin-left: 15px;
    }
    body {
        overflow-x: hidden !important;
    }
    .list-inline.text-right.icon-style-1 {
        text-align: center;
    }
    .story-details-inner {
        display: none;
    }
    .copy-right p {
        text-align: center;
        margin-bottom: 15px;
    }
    .btn-theme.pull-right.margin-top30 {
        margin-top: 30px;
        float: left !important;
    }
   
    .container {
        max-width: 100% !important;
        overflow-x: hidden !important;
    }
}

@media screen and (max-width: 650px) {
    .tab-2 label {
        font-size: 0;
    }
    .tab-2 label:before {
        margin: 0;
        font-size: 18px;
    }
}
@media screen and (max-width: 588px) {
    .contact-style-1 h3:before,
    .contact-style-1 h3:after {
        display: none;
    }
}
@media screen and (max-width: 575px) {
    .p-w100 {
        width: 100%;
    }
    .header-topbar .icon-style-1 li:last-child {
        display: none;
    }
}
@media screen and (max-width: 450px) {
    .t-w100 {
        width: 100%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 800px) {
    .map1 {
        margin: 0 0px 0 140px !important;
        width: 65% !important;
    }
}
@media only screen and (min-width: 801px) and (max-width: 900px) {
    .map1 {
        margin: 0 0px 0 140px !important;
        width: 69% !important;
    }
}
@media only screen and (min-width: 901px) and (max-width: 1000px) {
    .map1 {
        margin: 0 0px 0 140px !important;
        width: 72% !important;
    }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
    body {
        overflow-x: hidden;
    }
}
@media (max-width: 1200px) and (min-width: 991px) {
.header-color .nav>li>a {
        padding: 35px 10px 20px 10px;
    }
.nav.navbar-nav.navbar-right {
        float: none !important;}

    .nav>li>a {
        margin: 0% !important;
    }
    .btn-default1 {
        font-size: 9px !important;
    }
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .example1 {
        width: 100% !important;
    }
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    .example1 {
        width: 100% !important;
    }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .example1 {
        width: 50% !important;
    }
    .footer-logo.goo {
        width: 45% !important;
    }
}
@media only screen and (min-width: 926px) {
    .example1 {
        width: 50% !important;
    }
    .footer-logo.goo {
        width: 42% !important;
    }
}
@media only screen and (min-width: 977px) {
    .example1 {
        width: 50% !important;
    }
    .footer-logo.goo {
        width: 41% !important;
    }
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .example1 {
        width: 25% !important;
    }
    .lim {
        font-size: 18px !important;
    }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {}
.footer-logo.goo {
    width: 54% !important;
}
@media only screen and (min-width: 1500px) {}
.footer-logo.goo {
    width: 50% !important;
}
@media only screen and (min-width: 1850px) {}
.footer-logo.goo {
    width: 40% !important;
}
@media only screen and (min-width: 1101px) and (max-width: 1200px) {
   
    .lima::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 40%;
        left: 16px;
        transform: translateY(-50%);
  
      }
      .lima1::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 9%;
        left: 16px;
        transform: translateY(-50%);
      }
      .lima2::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 40%;
        left: 16px;
        transform: translateY(-50%);
      }
     
     
      
}
@media only screen and (min-width: 992px) and (max-width: 1100px) {
    
    .lima::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 22px;
        left: 18px;
        transform: translateY(-50%);
  
      }
      .lima1::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 22px;
        left: 18px;
        transform: translateY(-50%);
      }
      .lima2::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 22px;
        left: 18px;
        transform: translateY(-50%);
      }
    
     
      .jimk{
        margin-left: 300px !important;
      }
      
}
@media only screen and (min-width: 1201px) and (max-width: 1250px) {
    
    .tuba{
        margin-left: 300px !important;
       
       }}
       @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .tuba{
            margin-left: 150px !important;
           
           }}
@media only screen and (min-width: 992px) and (max-width: 1250px) {
   
       
    .hoop {
        padding: 0%;
    }
    .lobi {
        font-size: 8px !important;
    }
    .yarr{
        font-size: auto !important;
    }
    
    /* .bay1{
        margin-top: 0% !important;
    }
    .bay2{
        margin-top: 60px !important;
    }
    .bay3{
        margin-top: 60px !important;
    } */

}
/* @media only screen and (min-width:1200px) and (max-width:1251px) {
    .bay1{
        margin-top: 30px !important;
    }
    .bay2{
        margin-top: 160px !important;
    }
    .bay3{
        margin-top: 80px !important;
    }   
} */
@media only screen and (min-width:600px) and (max-width:1100px) {
    .kop {
        background-size: 100% 100% !important;
        padding-left: 30% !important;
        height: 500px !important;
    }
   
}
@media only screen and (min-width:768px) and (max-width:991px) {
    .goopi {
        margin-left: 0% !important;
    }
    .plac{
        height: auto !important;
        width:  100% !important;
      
    }
  
    .col {
        flex: none !important;
        font-size: 30px;
    }
    .btn-default1 {
        margin-top: 2% !important;
    }
    .soos {
        margin-top: 7% !important;
        margin-bottom: 7% !important;
        margin-left: 100px !important;
        width: 100% !important;
    }
    .yarr{
        font-size: auto !important;
        margin-top: 0% !important;
    }
    .yarr11{
        font-size: 37px !important;
        margin-top: 30px;
    }
    .yarr1{
        font-size: 20px !important;
        margin-top: 20px;
        margin-bottom: 30px !important;    
    }
    .yarrr{
      
        font-size: 30px !important;
        padding: 5px 10px 5px 10px !important;    
    }
    /* .bay1{
        margin-top: 0% !important;
    }
    .bay2{
        margin-top: 80px !important;
    }
    .bay3{
        margin-top: 60px !important;
    }  */
}
@media only screen and (min-width:768px) and (max-width:820px) {
    .gost{
        margin-top: 0% !important;
    }
    .soos {
   
        margin-top: 7% !important;
        width: 90% !important;
    }
    .yarr{
        font-size: auto !important;
        margin-top: 0% !important;
    }
    .yarr11{
        font-size: 37px !important;
        margin-top: 30px;
    }
    .yarr1{
        font-size: 20px !important;
        margin-top: 20px;
        margin-bottom: 30px !important;    
    }
    .yarrr{
      
        font-size: 30px !important;
        padding: 5px 10px 5px 10px !important;    
    }
    .plac{
        height: auto !important;
        width: 100% !important;
       
    }
  
    /* .bay1{
        margin-top: 0% !important;
    }
    .bay2{
        margin-top: 80px !important;
    }
    .bay3{
        margin-top: 60px !important;
    }   */
}
@media only screen and (min-width:600px) and (max-width:767px) {
    .yarr1{
        font-size: 20px !important;
        margin-top: 20px;
        margin-bottom: 30px !important;    
    }
    .yarrr{
      
        font-size: 30px !important;
        padding: 5px 10px 5px 10px !important;    
    }
    .fan {
  padding: 0% !important;
        margin: 0% !important;

    }
    .hen {
        padding: 50px 0 50px 0 !important;
    }
    .soos {
        margin-top: 7% !important;
        width: 100% !important;
    }
    .map1 {
        margin: 0 0px 0 30px !important;
        width: 90% !important;
    }
    .col {
        flex: none !important;
        font-size: 30px;
    }
    .ashes {
        padding: auto !important;
        margin: auto !important;
        width: 70%;
    }
    .ashes1 {
        padding: auto !important;
        margin: auto !important;
        width: 80%;
    }
    
    .yarr{
        font-size: auto !important;
       
    }
    .yarr11{
        font-size: 50px !important;
        margin-top: 30px;
    }
   
    .jayk{
        margin-left: 0 !important;
    }
    .cock{
        margin-left: 0% !important;
        margin-bottom: 10px;
       }
       
     .plac{
        height: auto !important;
        width: 100% !important;
    }
    /* .bay1{
        margin-top: 0% !important;
    }
    .bay2{
        margin-top: 0% !important;
    }
    .bay3{
        margin-top: 0% !important;
    }   */
}
@media only screen and (max-width:600px) {
    /* .bay1{
        margin-top: 0% !important;
    }
    .bay2{
        margin-top: 0% !important;
    }
    .bay3{
        margin-top: 0% !important;
    } */
    .plac{
        height: auto !important;
        width:  100% !important;
    }
    
    
    .kjf{
        position: absolute;left: 30% !important;
  transform: translate(-0%, -100%) !important;

    }
    .kjf1{
        margin-top: 30px !important;
        margin-bottom: 30px !important;
        position: absolute;left: 20% !important;
  transform: translate(-0%, -100%) !important;

    }
    .hoop {
        padding: 0% !important;
        margin: 0% !important;
    }
    .yarr{
        font-size: auto !important;
        /* margin-top: 10px; */
    }
    .yarr11{
        font-size: 40px !important;
        margin-top: 30px;
    }
    .yarr1{
        font-size: 20px !important;
        margin-top: 20px;
        margin-bottom: 30px !important;    
    }
    .yarrr{
      
        font-size: 23px !important;
        padding: 5px 10px 5px 10px !important;    
    }
    .col {
        flex: none !important;
        font-size: 30px;
    }
    .fan {
        padding: 0% !important;
        margin: 0% !important;
    }
    .map1 {
        margin: 0 0px 0 30px !important;
        width: 87% !important;
    }
    .ashes {
        padding: auto !important;
        margin: auto !important;
        width: 70%;
    }
    .jayk{
        margin-left: 0% !important;
    }
   .cock{
    margin-left: 0% !important;
    margin-bottom: 10px;
   }
   
    .ashes1 {
        padding: auto !important;
        margin: auto !important;
        width: 80%;
    }
    .limka{
        margin-left: 0% !important;
        margin-left: 50px !important;
    }
    .row3 {
        padding: 0% !important;
        margin: 0% !important;
    }
    .soos {
        margin-top: 7% !important;
        margin-left: 20px !important;
        width: 100% !important;
    }
    .soos1 {
        margin-top: 7% !important;
      width: 100% !important;
        margin-left: 80px !important;
    }
    .kiki {
        background-size: 850px 100% !important;
        background-repeat: no-repeat;
    }
    .kiki1 {
        background-size: 90000px 100% !important;
    }
    .kiki2 {
        background-size: 1500px 100% !important;
    }
    .kiki4 {
        background-color: #AEBEC8 !important;
        background-image: none !important;
    }
    .kiki5 {
        background-color: #E9E8ED !important;
        background-image: none !important;
    }
    
    .oppa>iframe {
        width: 100% !important;
        margin: 0% !important;
        padding: 0% !important;
    }
   
    .hen {
        padding: 50px 0 50px 0 !important;
    }
    .kkop{
margin-bottom: 20px;
    }
    .poopil1{
        text-align: justify !important;
        margin-left: 0% !important;
        margin-right: 0% !important;
        padding-left: 0% !important;
        padding-right: 0% !important;
    }
   
}
@media only screen and (min-width:430px) {
    .panel h4 {
        font-size: 14px !important;
    }
    .bg-grey {
        width: 100% !important;
        left: 0;
    }
    
}
@media screen and (max-width: 400px) {
    .tab-2 label {
        padding: 15px;
    }
    
}
@media screen and (max-width: 385px) {
    .icon-style-1 li {
        width: 30px;
    }
    .appo{
        margin-left: 0% !important;
    }
    .kopil{
       font-size: 12px;
     
    }
    
    .hima{
        margin-left: 20px !important;
        font-size: 35px;
    }
    .hima1{
       
        font-size: 35px;
    }
    .yarr11{
        font-size: 27px !important;
        margin-top: 30px;
    }
}
@media screen and (max-width: 991px) {
    .nav.navbar-nav.navbar-right {
        float: none !important;
    }
}


@media only screen and (min-width: 320px) and (max-width:768px) {
    .yarr{
        font-size: auto !important;
        /* margin-top: 10px; */
    }
    .carousel-inner {
        height: 550px !important;
     }
    .navbar-brand {
        height: auto;
    }
    .navbar-toggle {
        margin-top: 25px;
        margin-bottom: 20px;
    }
    
    .lima::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 23px;
        left: 2px;
        transform: translateY(-50%);
  
      }
      .lima1::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 21px;
        left: 2px;
        transform: translateY(-50%);
      }
      .lima2::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 24px;
        left: 2px;
        transform: translateY(-50%);
      }
    
    
}
@media only screen and (min-width: 768px) and (max-width:991px) {
    .navbar-header {
        padding: 1px !important;
    }
    .nav>li>a {
        margin-right: 20px !important;
        /* margin: 0px; */
        margin-top: 20px;
    }
    .jiso {
        width: 100% !important;
    }
    
    .lima::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 22px;
        left: 18px;
        transform: translateY(-50%);
  
      }
      .lima1::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 20px;
        left: 18px;
        transform: translateY(-50%);
      }
      .lima2::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 22px;
        left: 18px;
        transform: translateY(-50%);
      }
}
@media only screen and (min-width: 820px) and (max-width:991px) {
   
    .lima::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 22px;
        left: 17px;
        transform: translateY(-50%);
  
      }
      .lima1::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 20px;
        left: 16px;
        transform: translateY(-50%);
      }
      .lima2::before {  content: "*";
        color: red;
        font-size: 2em;
        position: absolute;
        top: 22px;
        left: 16px;
        transform: translateY(-50%);
      }
     
}

@media only screen and (min-width: 1114px) and (max-width:1499px) {
    .hippa {
        padding-left: 30px !important;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .yoop {
        font-size: 13px !important;
    }
    .nav>li>a {
        margin-right: 20px !important;
        margin-left: 40px !important;
      
    }
    
    
.limka{
    margin-left: 0% !important;
    margin-left: 40px !important;
}
.contact-info{
    margin: 0% !important;
    margin-top: 40px !important;
    margin-right: 30px !important;
}
.kkop{
    margin-bottom: 20px;
}
.kimm{
    margin-left:210px!important;
 
}

}
@media only screen and (min-width: 1201px) and (max-width: 1300px) {
    .example {
        font-size: 12px !important;
    }
    .carousel-inner {
      height: 600px !important;
    }
    .nav>li>a {
        margin-right: 60px !important;
       
    }
    .btn-default1{
        margin: 0%;
        margin-top: 30px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #accordion .panel.panel-default .panel-heading {
        float: left;
        margin-bottom: 15px;
        width: 100%;
    }
    .footer-widget-one{
margin-bottom: 0% !important;
margin-left: 10% !important;
    }
    .footer-list{
        margin: 0% !important;
    }
    .footer-title {
        margin-left:10% !important;
    }
    .panel-collapse {
        float: left;
        width: 100%;
    }
    #accordion .panel.panel-default .panel-body {
        padding: 0 10px;
        margin: 0 0 20px 0;
    }
}