@media screen and (max-width: 1483.98px) {
    .hero-title>* {
        font-size: 50px;
    }
}
@media screen and (max-width: 1200.98px) {

}
@media screen and (min-width: 849px) and (max-width: 1235.98px) {
    #header .header-main .menu-item {
        padding: 0 15px!important;
    }
}
@media screen and (max-width: 1023.98px) {
    .section-hero {
        height: auto;
    }
    .hero-sub-title > * {
        font-size: 20px;
    }
    
    .hero-title > * {
        font-size: 32px;
    }
    
    .hero-after-title > * {
        font-size: 18px;
    }
    .hero-after-device > * {
        font-size: 20px;
        line-height: 1.5;
    }
}

@media screen and (max-width: 767.98px) {
    .title-main > * {
        font-size: 24px;
    }
	.title-main h2 p{
		margin-bottom:10px;
	}
    .title-main h2,.title-main h2 p:nth-of-type(2), .title-main p:nth-of-type(2) {
        font-size: 24px;
    }
    
    .title-main {
        flex-wrap: wrap;
    }
    
    .title-main > *:not(:last-child) {
        margin-bottom: 15px;
    }
    .desc-main > * {
        font-size: 17px;
    }
    .box-after-product {
        font-size: 14px;
    }
    .style9-text-price {
        top: 177px;
    }
    .footer-top-title {
        flex-wrap: wrap;
        justify-content: center;
    }
    .section-style-3:before {
        height: 30px;
        top: -30px;
    }
    
    .section-style-3 {
        padding-bottom: 200px!important;
    }
	.style3-text-list {
   	 margin-top: 30px;
	}

    
   .hero-after-device br {
    display: none;
}
    
}