/*Media Query Start*/

@media only screen and (min-width: 1366px) and (max-width: 1920px) {}

@media only screen and (min-width: 1291px) and (max-width: 1365px) {}

@media only screen and (min-width: 992px) and (max-width: 1290px) {}

@media only screen and (min-width: 768px) and (max-width: 991px) {}

@media only screen and (min-width: 520px) and (max-width: 767px) {}

@media only screen and (min-width: 300px) and (max-width: 519px) {
    
    .header-logo {
    width: 40%;
    margin: 0 auto 10px;
}

.headerbtn {
    text-align: center;
}

.themebtn {
    font-size: 12px;
    padding: 10px 20px;
}


.banner_text h3 {
    font-size: 12px;
    padding: 10px 10px 10px 15px;
    letter-spacing: 2px;
}


.banner_text h1 {
    font-size: 34px;
    margin: 10px 0 5px;
}

.banner_text h1 span {
    font-size: 21px;
    letter-spacing: 1px;
}


.bnrbtn {
    justify-content: flex-start;
    align-items: flex-start;
    gap: 15px;
    flex-direction: column;
    margin-bottom: 30px;
}


.themebtn2 {
    font-size: 12px;
    padding: 10px 20px;
}

.headset h6 {
    font-size: 14px;
    margin-bottom: 3px;
}


.headset h5 a {
    font-size: 13px;
}

.headset i {
    font-size: 35px;
}


.headset {
    gap: 10px;
}


   
   
   
   
    
    
}


/*Media Query End*/

html,body{  overflow-x: hidden;
}