/*.main-banner-content{padding-top:200px;padding-bottom:200px;padding-left:30px;padding-right:30px}*/

@media only screen and (max-width: 767px){
    .main-banner-content {
        width: 100% !important;
        padding: 0 !important;        
    }
}

@media only screen and (min-width: 767px){
    .main-banner-content {           
        background: #fe4c1cd1;     
    }
    .main-banner-content h1 {        
        color: azure;
    }
    .under-main-banner-content {
        color: #cfe0f1;     
        background: #1200a9;
    }    
}


.main-banner-content {
    width: 50%;
    padding-top: 100px;
    padding-bottom: 170px;
    padding-left: 30px;
    padding-right: 30px;    
}

.main-banner-content h1 {
    margin-bottom: 20px;
    font-size: 60px;    
}

.main-banner-content .sub-title {
    display: block;
    margin-bottom: 12px;
    color: var(--blackColor);
    text-transform: uppercase;
    font-size: 32px;
    font-weight: 600;
}

.under-main-banner-content{    
    font-size: 18px;
    margin-bottom: 15px;
    line-height: 1.8;    
    font-weight: 600;
    padding: 11px;
}

.shape1{position:absolute;left:46%;top:16%;z-index:-1}
.shape1 img{-webkit-animation:movescale 5s linear infinite;animation:movescale 5s linear infinite}
.shape2{position:absolute;left:4%;top:21%;z-index:-1}
.shape2 img{-webkit-animation:movebounce 5s linear infinite;animation:movebounce 5s linear infinite}
.shape3{position:absolute;left:25%;top:24%;z-index:-1}
.shape3 img{-webkit-animation:moveleftbounce 5s linear infinite;animation:moveleftbounce 5s linear infinite}
.shape4{position:absolute;left:47%;bottom:10%;z-index:-1}
.shape4 img{-webkit-animation:moveleftbounce 5s linear infinite;animation:moveleftbounce 5s linear infinite}
.shape5{position:absolute;left:9%;bottom:10%;z-index:-1}
.shape5 img{-webkit-animation:animationFramesOne 20s infinite linear;animation:animationFramesOne 20s infinite linear}
.shape6{position:absolute;left:25%;bottom:17%;z-index:-1}.shape6 img{-webkit-animation-name:rotateme;animation-name:rotateme;-webkit-animation-duration:30s;animation-duration:30s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}
.shape7{position:absolute;right:3%;top:17%;z-index:-1}
.shape7 img{-webkit-animation-name:rotateme;animation-name:rotateme;-webkit-animation-duration:20s;animation-duration:20s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}
.shape8{position:absolute;left:19%;bottom:39%;z-index:-1}
.shape8 img{-webkit-animation:moveleftbounce 5s linear infinite;animation:moveleftbounce 5s linear infinite}

.main-banner-image{
    height:100%;
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
    background-image:url(../img/slides/peopleparty.png)
}