/* responsive.css document */
@media(max-width:1440px){
    .container {
            max-width: 1180px;
        }
}

@media(max-width:1180px) {
    .container {
        max-width: 980px;
    }
}


@media(max-width:980px) {
    .container {
        max-width: 90%;
    }
}
@media(max-width:920px){
    .showcaseBrands{display:block;}
    .headingSec{display: block;margin: 20px 0px 0px;}
    .headingSec h1 {
    font-size: 42px;
    transform: rotate(0deg);
    text-align: center;
    padding: 20px 0px 15px;
}
.contentSec {padding: 40px 0px 0px;}

}

@media(max-width:768px) {
    .btn_responsive {
            display: block;
            margin-right:10px;
            color:#000;
            margin-bottom: 15px;
        }
.whiteFont{color:#fff !important;}

.btn_close{
    position:absolute;
    right:10px;
    top:10px;
}
        
.navbar{
    width:180px;
    margin:50px 0px 10px;
    padding:15px;
    position:fixed;
    background:#fff;
    top:0px;
    right:-100%;
    display:flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content:flex-start;
}
.navbar.display{
    right:0px;
    transition:all 0.4s ease-in-out;
}
.navbar.hiden {right: -100%;
    transition: all 0.4s ease-in-out;}
        .navbar li{width:100%;}
.navbar li a{
    margin:0px 0px 2px 0px;
    display:block;
    color:#000;
    text-align: center;
}
 .introContentSec h1 {
     padding: 0px 0px 20px;
     font-size: 28px;
     width: 100%;
 }

 .introContentSec p {
     font-size: 16px;
     width:100%;
     line-height: 24px;

 }
 .showcase_container {
     display: grid;
     grid-template-columns: repeat(1, 1fr);
     align-items: center;
     height: 100%;
     gap: 30px;
 }
 .introContentSec {
    padding: 40px 0px 20px;
}
.contentTerms {
    padding: 40px 0px;
}

}

@media(max-width:480px){
    
    footer ul li{padding: 0px 5px;}
}