/*================================ 
    Height
================================*/

.height-1px {height: 1px}
.height-2px {height: 2px}
.height-3px {height: 3px}
.height-4px {height: 4px}
.height-5px {height: 5px}
.height-6px {height: 6px}
.height-7px {height: 7px}
.height-8px {height: 8px}
.height-9px {height: 9px}
.height-10px {height: 10px}
.height-80px {height: 80px}
.height-90px {height: 90px}
.height-100px {height: 100px}
.height-130px {height: 130px}
.height-150px {height: 150px}
.height-200px {height: 200px}
.height-250px {height: 250px}
.height-300px {height: 300px}
.height-350px {height: 350px}
.height-400px {height: 400px}
.height-450px {height: 450px}
.height-500px {height: 500px}
.height-550px {height: 550px}
.height-600px {height: 600px}
.height-650px {height: 650px}
.height-700px {height: 700px}

.height-50 {height: 50%}
.height-100 {height: 100% !important}
.height-auto {height:auto !important}
.max-height-100 {max-height: 100%}
.full-screen {min-height: 980px;}

/* min-height */
.min-height-100px {min-height: 100px}
.min-height-200px {min-height: 200px}
.min-height-300px {min-height: 300px}
.min-height-400px {min-height: 400px}
.min-height-500px {min-height: 500px}
.min-height-600px {min-height: 600px}
.min-height-700px {min-height: 700px}

/* screen height  */
.extra-small-screen {height:300px;}
.small-screen {height:400px;}
.one-second-screen {height:600px;}
.one-third-screen {height:700px;}
.one-fourth-screen {height:800px;}
.one-fifth-screen {height:900px;}
.one-sixth-screen {height:887px;}

/* equalize inner match height */ 
.inner-match-height{position: relative; height: 100%;}


@media (max-width: 1199px) {

    /* height */
    .lg-height-100 {height: 100%}
    .lg-height-auto {height:auto}
    .lg-height-10px {height: 10px !important}
    .lg-height-20px {height: 20px !important}
    .lg-height-30px {height: 30px !important}
    .lg-height-40px {height: 40px !important}
    .lg-height-50px {height: 50px !important}
    .lg-height-60px {height: 60px !important}
    .lg-height-70px {height: 70px !important}
    .lg-height-80px {height: 80px !important}
    .lg-height-90px {height: 90px !important}
    .lg-height-100px {height: 100px !important}
    .lg-height-150px {height: 150px !important}
    .lg-height-200px {height: 200px !important}
    .lg-height-250px {height: 250px !important}
    .lg-height-300px {height: 300px !important}
    .lg-height-350px {height: 350px !important}
    .lg-height-400px {height: 400px !important}
    .lg-height-450px {height: 450px !important}
    .lg-height-500px {height: 500px !important}
    .lg-height-550px {height: 550px !important}
    .lg-height-600px {height: 600px !important}
    .lg-height-650px {height: 650px !important}
    .lg-height-700px {height: 700px !important}

    /* line height */
    .lg-line-height-auto {line-height: normal;}
    .lg-line-height-10 {line-height:10px;}
    .lg-line-height-18 {line-height:18px;}
    .lg-line-height-20 {line-height:20px}
    .lg-line-height-24 {line-height:24px}
    .lg-line-height-22 {line-height:22px}
    .lg-line-height-26 {line-height:26px}
    .lg-line-height-28 {line-height:28px}
    .lg-line-height-30 {line-height:30px}
    .lg-line-height-35 {line-height:35px}
    .lg-line-height-40 {line-height:40px}
    .lg-line-height-45 {line-height:45px}
    .lg-line-height-50 {line-height:50px}
    .lg-line-height-55 {line-height:55px}
    .lg-line-height-60 {line-height:60px}
    .lg-line-height-65 {line-height:65px}
    .lg-line-height-70 {line-height:70px}
    .lg-line-height-75 {line-height:75px}
    .lg-line-height-80 {line-height:80px}
    .lg-line-height-85 {line-height:85px}
    .lg-line-height-90 {line-height:90px}
    .lg-line-height-95 {line-height:95px}
    .lg-line-height-100 {line-height:100px}
  
}   
  
@media (max-width: 991px) {     
 /* height */
    .md-height-50 {height: 50%}
    .md-height-100 {height: 100%}
    .md-height-auto {height:auto !important}
    .md-height-10px {height: 10px !important}
    .md-height-20px {height: 20px !important}
    .md-height-30px {height: 30px !important}
    .md-height-40px {height: 40px !important}
    .md-height-50px {height: 50px !important}
    .md-height-60px {height: 60px !important}
    .md-height-70px {height: 70px !important}
    .md-height-80px {height: 80px !important}
    .md-height-90px {height: 90px !important}
    .md-height-100px {height: 100px !important}
    .md-height-150px {height: 150px !important}
    .md-height-200px {height: 200px !important}
    .md-height-250px {height: 250px !important}
    .md-height-300px {height: 300px !important}
    .md-height-350px {height: 350px !important}
    .md-height-400px {height: 400px !important}
    .md-height-450px {height: 450px !important}
    .md-height-500px {height: 500px !important}
    .md-height-550px {height: 550px !important}
    .md-height-600px {height: 600px !important}
    .md-height-650px {height: 650px !important}
    .md-height-700px {height: 700px !important}

    /* line height */
    .md-line-height-10 {line-height:10px;}
    .md-line-height-18 {line-height:18px;}
    .md-line-height-20 {line-height:20px}
    .md-line-height-24 {line-height:24px}
    .md-line-height-22 {line-height:22px}
    .md-line-height-26 {line-height:26px}
    .md-line-height-28 {line-height:28px}
    .md-line-height-30 {line-height:30px}
    .md-line-height-35 {line-height:35px}
    .md-line-height-40 {line-height:40px}
    .md-line-height-45 {line-height:45px}
    .md-line-height-50 {line-height:50px}
    .md-line-height-55 {line-height:55px}
    .md-line-height-60 {line-height:60px}
    .md-line-height-65 {line-height:65px}
    .md-line-height-70 {line-height:70px}
    .md-line-height-75 {line-height:75px}
    .md-line-height-80 {line-height:80px}
    .md-line-height-85 {line-height:85px}
    .md-line-height-90 {line-height:90px}
    .md-line-height-95 {line-height:95px}
    .md-line-height-100 {line-height:100px}
}  

@media (max-width: 767px) {  
   /* height */
    .sm-height-50 {height: 50% !important}
    .sm-height-100 {height: 100% !important}
    .sm-height-auto {height:auto !important}
    .sm-height-10px {height: 10px !important}
    .sm-height-20px {height: 20px !important}
    .sm-height-30px {height: 30px !important}
    .sm-height-40px {height: 40px !important}
    .sm-height-50px {height: 50px !important}
    .sm-height-60px {height: 60px !important}
    .sm-height-70px {height: 70px !important}
    .sm-height-80px {height: 80px !important}
    .sm-height-90px {height: 90px !important}
    .sm-height-100px {height: 100px !important}
    .sm-height-150px {height: 150px !important}
    .sm-height-200px {height: 200px !important}
    .sm-height-250px {height: 250px !important}
    .sm-height-300px {height: 300px !important}
    .sm-height-350px {height: 350px !important}
    .sm-height-400px {height: 400px !important}
    .sm-height-450px {height: 450px !important}
    .sm-height-500px {height: 500px !important}
    .sm-height-550px {height: 550px !important}
    .sm-height-600px {height: 600px !important}
    .sm-height-650px {height: 650px !important}
    .sm-height-700px {height: 700px !important}

    /* line height */
    .sm-line-height-10 {line-height:10px;}
    .sm-line-height-18 {line-height:18px;}
    .sm-line-height-20 {line-height:20px}
    .sm-line-height-24 {line-height:24px}
    .sm-line-height-22 {line-height:22px}
    .sm-line-height-26 {line-height:26px}
    .sm-line-height-28 {line-height:28px}
    .sm-line-height-30 {line-height:30px}
    .sm-line-height-35 {line-height:35px}
    .sm-line-height-40 {line-height:40px}
    .sm-line-height-45 {line-height:45px}
    .sm-line-height-50 {line-height:50px}
    .sm-line-height-55 {line-height:55px}
    .sm-line-height-60 {line-height:60px}
    .sm-line-height-65 {line-height:65px}
    .sm-line-height-70 {line-height:70px}
    .sm-line-height-75 {line-height:75px}
    .sm-line-height-80 {line-height:80px}
    .sm-line-height-85 {line-height:85px}
    .sm-line-height-90 {line-height:90px}
    .sm-line-height-95 {line-height:95px}
    .sm-line-height-100 {line-height:100px}
}