/*Responsive Css Satrt*/
html {
    overflow-x: hidden;
}
@media only screen and (min-width: 1600px) and (max-width: 1920px){}

@media only screen and (min-width: 1400px) and (max-width: 1599px){}

@media only screen and (min-width: 1200px) and (max-width: 1399px){}

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

@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){
h1 {
    font-size: 31px;
    line-height: 42px;
}
.socials ul {
    justify-content: center;
    gap: 5px;
    margin-bottom: 10px;
}
.header-btn {
    justify-content: center;
}
.header-logo {
    width: 50%;
    margin-bottom: 10px;
}
header {
    padding: 20px 0;
    position: relative;
    gap: 10px;
    background: #ff5800;
}
    
}

/*Responsive Css End*/