@media (min-width: 1280px) and (max-width: 1700px) {

}
/*------------------------------------------------- Laptop Screen ---------------------------------------------------*/
 @media (min-width: 1170px) and (max-width: 1366px) {
  
}
@media (max-width: 991px){

}
/* ------------------------------------------------- Old Desktop :992 ---------------------------------------------------*/
 @media (min-width: 992px) and (max-width: 1169px) {
.banner-addon .banner-title {
    font-size: 50px;
}
.icon-box.style-two .title h2 {
    font-size: 20px;
}
.si__section__title h1 {
    font-size: 34px;
}
}
/* ------------------------------------------------- Tablet Screen : 768 ---------------------------------------------------*/
@media (min-width: 768px) and (max-width: 991px) {
  .banner-addon .banner-title {
    font-size: 50px;
}
.icon-box.style-two .title h2 {
    font-size: 18px;
}
.icon-box.style-two .img-icon {
    width: 60px;
    height: 60px;
    line-height: 60px;
}
}
/* ------------------------------------------------- Small Mobile : 320 ---------------------------------------------------*/
 @media (max-width: 767px) {
    .banner-addon .banner-title {
        font-size: 30px;
    }
    .banner-content p {
    width: 100%;
}


}
/* ------------------------------------------------- Large Mobile :480px. ---------------------------------------------------*/
@media only screen and (min-width: 600px) and (max-width: 767px) {

} 

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

} 

@media only screen and (min-width: 320px) and (max-width: 479px) {
    .banner-addon .banner-title {
        font-size: 22px;
    }
    .banner-addon {
        min-height: 580px;
    }
    .si__section__title h1 {
    font-size: 25px;;
}
.icon-box.style-two .title h2 {
    font-size: 18px;
}
.icon-box.style-two .img-icon {
    width: 55px;
    height: 55px;
    line-height: 55px;
}


}