/*============= BREAK POINT ===========*/

 @media (min-width: 1400px) and (max-width: 1600px) {
    .banner__bg{
    	top: 220px;
    }
 }

@media (min-width: 992px) and (max-width: 1400px) {
	.banner__bg{
		background-size: 28%;
	}
	.services__marketing .services__item-img {
	    width: 290px;
	    height: 280px;
	}
	.services__item-service {
		padding: 30px;
	}
	.services__marketing .services__item-service h4 {
    	font-size: 18px;
 	}

	.benefit-head{
        height: 500px;
    }

    .banner-shape{
        width: 700px;
        right: 0;
    }

    .banner-content-title{
        font-size: 36px;
    }

    .banner-main ul li{
        font-size: 18px;
    }

    .navigation{
        gap: 0;
    }
}

@media (max-width: 1200px) {
	.banner__bg{
	}
	.banner__title {
	    font-size: 36px;
	}
	.banner__desc {
	    font-size: 14px;
	}
	.about__content h2 {
	    font-size: 22px;
	    margin: 10px 0;
	}
	.about__content h5 {
	    font-size: 12px;
	}
	.about__content h5::after {
	    top: 8px;
	    right: -25px;
	    width: 20px;
	}
	.about__content p {
	    font-size: 16px;
	}
	.about__text {
	    font-size: 14px;
	    margin-top: 1rem;
	}

	.section__title h3 {
	    font-size: 24px;
	}

	.section__title h4 {
	    font-size: 12px;
	    font-weight: 500;
	}

	.services__name {
    	font-size: 18px;	
    }

   .services__marketing .services__item-img {
	    width: 220px;
	    height: 210px;
	}

	.services__item-service {
		padding: 20px;
	}
	.services__item-img {
	    width: 90px;
	    height: 120px;
	}
	.services__item-service h4 {
	    font-size: 18px;
	}
	.services__item-service p {
	    font-size: 14px;
	}

	.benefit-head{
        height: 450px;
    }

    .benefit-head span{
        font-size: 38px;
    }

    .navigation{
        display: none;
    }

    .hotline{
        display: none;
    }

    .icon-hotline{
        display: inline-flex;
    }

}


@media (max-width: 992px) {
	.header__menu-content{
		display: none;
	}
	.header__action{
		gap: 0;
		width: 130px;
	}
	.language-img{
		display: none;
	}
	.header__menu-mobile{
		display: block;
	}
	.header__logo{
		display: flex;
	}
	.watch__container{
		background-image: none;
		height: auto;
	}
	.watch__video-img{
		box-shadow: 0 0 30px rgba(92, 123, 193, 0.8);
		width: 100%;
		height: 400px;
		transform: translateY(0);
	}
	.box__watch {
    	width: 90%;
     	height: 500px; 
	}
	.watch__play-icon{
		width: 70px;
		height: 70px;
	}
	.data__item{
		margin: 0;
		margin-bottom: 20px;
	}

	.banner{
		min-height: 60vh;
	}

	.banner-content-tvc{
        flex-direction: column;
    }
    .banner-content-left, .banner-content-right {
        width: 100%;
    }

    .product-home,.why-body{
        grid-template-columns: repeat(2,1fr);
    }
    
    .benefit{
        flex-direction: column;
    }

    .benefit-head{
        margin-bottom: 50px;
    }

    .customer-main{
        grid-template-columns: repeat(4,1fr);
    }

    .number-body{
        padding: 30px;
        grid-template-columns: repeat(2,1fr);
    }

    .offers{
        display: none;
    }

    .procedure-tvc img{
        width: 100%;
    }

    .benefit-right,.benefit-left{
        width: 100%;
    }

    .benefit-even, .benefit-odd{
        left: 0;
    }

    .box-video{
        width: 100%;
    }

	.nav_mobile{
		display: flex;
		width: 130px;
	}

	.wrapper-introduce{
		flex-direction: column;
	}

	.introduce-left, .introduce-right{
		width: 100%;
		padding: 0;
	}

	.about-sv{
		grid-template-columns: repeat(2,1fr);
	}

	.about-sv-content{
		padding: 20px;
	}

	.hide-link{
		display: none;
	}

	.header-item-link{
		display: block;
	}

	.header-item-link svg{
		width: 22px;
		height: 22px;
	}
}

@media (max-width: 768px) {
	.banner__title {
    	font-size: 30px;
	}
	.banner__content{
		justify-content: center;
	}
	.about__container{
		flex-direction: column-reverse;
	}
	.services__action{
		width: 100%;
		margin: 10px 0;
	}
	.services__marketing .services__item-img {
	    width: 180px;
	    height: 170px;
	}
	.services__item-service h4 {
	    font-size: 16px;
	}
	.services__marketing .services__item-service h4 {
	    font-size: 18px;	
	}
	.box__watch {
    	width: 90%;
     	height: 300px; 
	}
	.watch__video-img{
		height: 310px;
	}

	.social{
		margin-bottom: 30px;
	}

	.bg-arrows{
		display: none;
	}

	.watch__video iframe {
		width: 600px;
		height: 350px;
	}

	.box-review iframe {
		width: 600px;
		height: 350px;
	}

	.customer-main{
		grid-template-columns: repeat(3,1fr);
	}

	.banner-content-title{
		font-size: 26px;
	}

	.lecture-body{grid-template-columns: repeat(2,1fr);}

}


@media (max-width: 576px) {
	.banner{
		min-height: 35vh;
	}
	.banner__title {
    	font-size: 24px;
	}
	.banner__desc{
		font-size: 13px;
		padding-bottom: 0;
	}
	.banner__desc-icon {
	    width: 30px;
	}
	.services__item {
		padding: 0 8px;
		margin-bottom: 20px;
	}
	.services__item-img {
	    width: 70px;
	    height: 90px;
	}
	.services__item-service h4 {
	    font-size: 16px;
	}
	.services__item-service p {
	    font-size: 13px;
	    margin-bottom: 0;
	}
	.services__item-service {
	    padding: 20px 10px;
	}

	.services__action{
		height: 50px;
	}

	.services__marketing .services__item-img {
	    width: 140px;
	    height: 130px;
	}
	.services__marketing .services__item-service h4 {
	    font-size: 14px;
	}
	.services__name {
	    font-size: 16px;
	}
	.box__watch {
    	width: 90%;
     	height: 200px; 
	}

	.watch__play-icon{
		width: 60px;
		height: 60px;
		left: 44%;
	}
	.watch__play-icon img {
	    width: 22px;
	}

	.watch__video-img {
	    height: 250px;
	}
	.cube__content{
		display: none;
	}

	.data__item-top{
		font-size: 24px;
	}
	.data__item-bottom{
		font-size: 14px;
	}

	.bg-gif-cube{
		display: none;
	}

	.watch__video iframe {
    width: 100%;
    height: auto;
	}

	.box-review iframe {
    width: 100%;
    height: auto;
	}

	.bg-img-two{
		display: none;
	}
	.cto-line{
		display: none;
	}
	.cto-cube{
		display: none;
	}
	.bg-cube{
		display: none;
	}

	.menu__mobile-item{
		font-size: 16px;
	}

	.contact-heading h2{
        font-size: 28px;
    }

    .uploads, .btn-submit{
        font-size: 14px;
        height: 50px;
    }

    .ct-left{
        grid-template-columns: repeat(1,1fr);
        padding: 0;
    }

    .benefit-number{
        font-size: 50px;
    }

    .product-home, .why-body, .number-body {
        grid-template-columns: repeat(1,1fr);
    }

    .banner-content-video::after{
        left: 10px;
        top: 20px;
    }

    .banner-main ul li{
        font-size: 16px;
    }

    .banner-btn{
        font-size: 16px;
        padding: 8px 50px;
    }

    .banner-content-subtitle,.product-title,.contact-now{
        font-size: 16px;
    }

    .wrapper-title-tvc p{
        font-size: 18px;
    }

    .customer-main {
        grid-template-columns: repeat(2,1fr);
    }

    .input-wrap {
        grid-column: span 2;
    }

    .form-wrapper{
        max-width: inherit;
    }

	.about-sv,.grid-introduce {
		grid-template-columns: repeat(1,1fr);
	}
	.procedure-index .number-brand{
		font-size: 30px;
		width: 50px;
		height: 50px;
	}

	.lecture-body{
		grid-template-columns: repeat(1,1fr);
	}

	.section {
		padding: 20px 0;
	}

	.banner__left,.banner-home{padding: 0;}


}

@media (max-width: 420px) {

	.services__marketing .services__item-img {
	    width: 100px;
	    height: 90px;
	}
	.services__name {
	    font-size: 14px;
	}

	.menu__mobile-list{
	    width: 70vw;
	}
	.data__item{
		padding: 20px 4px;
	}


}