/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1500px) {


}


/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1200px) {


}

 
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {


}
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 1200px) {

    .hero__btn .boxed-btn {
        margin-top: 1rem;
        padding: .4rem 1.3rem !important;
    }
    .hero__btn .hero-btn {
        margin-top: 1rem;
        padding: 2rem 3rem !important;
    }
    .hero__btn .boxed-btn p {
        font-size: 12px !important;
        padding-right: 0 !important;
    }
}

 
/* small mobile :320px. */
@media (max-width: 767px) {
    .responsive-btn {
        padding: 27px 30px;
    }
    .logo-img {
        height: 40px;
    }
    .slider-area .hero__caption{
        margin-top: 8rem;
    }
    .slider-height{
        height: 600px;
    }
 
    .hero__btn .boxed-btn {
        margin-top: 1rem;
        margin-left: 0;
        padding: .4rem 1.3rem !important;
    }
    .hero__btn .boxed-btn p {
        font-size: 12px !important;
        padding-right: 0 !important;
    }
    
}
 
/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.container {width:450px}
.logo-img {
    height: 40px;
}
 
}

.about-font-img img {
    box-shadow: 10px -10px 1px #09cc7f; /* Left and bottom shadow */
}

.hero__btn .boxed-btn i, .boxed-btn p {
    color: #09cc7f !important;
}
.hero__btn .boxed-btn:hover i, .boxed-btn:hover p {
    color: white !important;
}
.hero__btn .boxed-btn:hover {
  background: #09cc7f;
  border: 1px solid #09cc7f;
}
.hero__btn .boxed-btn:focus {
    outline: none;
}