@charset "utf-8";
/* Large desktop :1920px. */
@media (min-width: 1920px) {
 .container {
width: 1230px
}
 .container {
width: 1200px
}
 .slider-area::after {
width: 63.5%;
}
 .slider-area::after {
width: 65%;
}
 .banner-content h1 {
font-size: 62px;
}
 .slider-area::after {
width: 100%;
}
}

/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1169px) {
 .container {
width:970px
}
 .slider-area::after {
width: 77%;
transform: rotate(21.5deg) scale(1.7)
}
 .banner-content {
margin-right: -15px;
}
 .banner-content h1 {
font-size: 52px;
line-height: 57px;
}
 .banner-content h1::after {
display: none;
}
 .banner-content h1 {
 font-size: 46px;
 line-height: 46px;
 padding-bottom: 7px;
}
 .banner-content p {
padding-bottom: 0;
}
}

/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
 .container {
width:750px
}
 .slider-area::after {
width: 100%;
transform: rotate(0) scale(1)
}
 .banner-content .text-content-wrapper {
margin-right: 0;
}
 .banner-content .text-content-wrapper {
 float: none;
 margin: auto;
 text-align: center;
}
 .banner-content h1 {
margin-bottom: 14px
}
 .banner-content h1::after {
right: 0
}
 .banner-content h1::after {
display: none;
}
 .banner-content h1 {
 font-size: 46px;
 line-height: 46px;
 padding-bottom: 7px;
}
 .banner-content p {
padding-bottom: 0;
}
 .banner-content h1 {
 font-size: 48px;
 line-height: 53px;
 margin: 0;
 padding-bottom: 14px;
}
 .banner-content h1.mt-60 {
margin-top: 10px;
}
}

/* small mobile :320px. */
@media (max-width: 767px) {
 .container {
width:300px
}
 .banner-content h1 {
 font-size: 22px;
 line-height: 30px;
 padding-bottom: 5px;
 margin: 0
}
 .banner-content .text-content-wrapper {
 float: none;
 margin: auto;
 text-align: center;
}
}
.banner-content h1::after{
        display: none;
    }
/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.container {
width:450px
}
 .banner-content h1 {
 font-size: 36px;
 line-height: 46px;
 padding-bottom: 22px;
}
 
 .banner-content .text-content-wrapper {
 float: none;
 margin: auto;
 text-align: center;
}
.banner-content p{
	
	display:none;
	
	}










}