/* (1366x768) WXGA Display */

@media screen and (min-width: 1441px) and (max-width: 1920px) {
   
}

/*Medium Desktop Device*/

@media screen and (min-width: 1200px) and (max-width: 1440px) {

}

/* Normal desktop :992px. */

@media (min-width: 1200px) and (max-width: 1364px) {

}

@media (min-width: 992px) and (max-width: 1199px) {

}

/* Normal desktop :991px. */

@media (min-width: 768px) and (max-width: 991px) {

}

/* small mobile :320px. */

@media (max-width: 767px) {
   

}

/* Large Mobile :480px. */

@media only screen and (min-width: 480px) and (max-width: 767px) {

}

/* small mobile :320px. */

@media (min-width: 240px) and (max-width: 479px) {
    .logo{width: 80px; }
    #hero h1 {font-size: 20px; line-height: 20px;  margin: 0 0 5px 0;}
    #hero h2 {font-size: 16px;}
    #hero .hero_desc{ bottom: 0; background-color: #1B90D2;}
    .btn_{ margin-top: -20px; padding-bottom: 20px; }
    .btn_ img{width: 48%;  }
     #hero .hero-img img {max-width: 100%;}
     #hero .hero-img {right: 0vw;width: 100vw;top: 20vh;}

}