@media (max-width:1600px){
    #social-media .post{height:330px;}
    #social-media .height-600{height:600px;}
    #footer .shape{top:-10%;}
}
@media (max-width:1400px){
    #information .users, #information .altitude{gap:5rem;}
    #information .wave{bottom:-3%;}
    #locations{height:170vh;}
}
@media (max-width:1366px){
    #information .between-bg{margin-left:-13%;}
    #social-media .post{height:300px;}
    #social-media .height-600{height:450px;}
}
@media (max-width:1200px){
    #information .users, #information .altitude{gap:2rem;}
    #footer .shape{top:-8%;}
    .modal-dialog{max-width:80%;}
}
@media (max-width:992px){
    #information .texts h1{font-size:40pt;}
    #information .texts h1 span{font-size:20pt;}
    #information .wave{bottom:-1%;}
    #locations .contents .content{flex-wrap:wrap;justify-content:center;gap:5rem;margin-top:3rem;}
    #locations{background-image:none;background-color:#1d323f;height:100%;}
    #locations .contents{margin:5rem 0;}
    #locations .contents .content .way{rotate:70deg;}
    #locations .contents .content .box{width:40%;}
    #locations .contents .content .box:nth-child(2), #locations .contents .content .box:nth-child(3), #locations .contents .content .box:nth-child(4){margin:0;}
    #social-media .post{height:220px;}
    #social-media .height-600{height:350px;}
    #footer .shape{top:-5%;}
    #footer .menu{justify-content:center;margin-top:5rem;}
    #footer .logo{display:flex;margin:auto;}
}
@media (max-width:768px){
    #header .text-left, #header .text-right{letter-spacing:4px;font-size:11pt;}
    #header .elipse{width:120px;height:120px;bottom:-60px;}
    #header .logo{width:240px;}
    #information .users, #information .altitude{width:100%;height:40vh;}
    #information{height:100%;}
    #information .two-col{flex-wrap:wrap;}
    #information .between-bg{rotate:90deg;margin-left:0;}
    #information .wave{bottom:-1%;}
    #categories .container-fluid{max-width:99%;}
    #categories .box{border-radius:50px;}
    #categories .box h4{letter-spacing:6px;}
    #locations .contents .content .box{width:100%;}
    #locations .contents .content .way{display:none;}
    #social-media{background-color:#9f1a40;margin:0;padding:5rem 0;}
    #social-media .post{height:380px;margin-top:1rem;}
    #social-media .height-600{height:380px;}
    #social-media .shapes .like-002{right:20px;width:50px;}
    #footer{margin-top:0;}
    #footer .shape{top:-2%;}
    #footer .menu a, #footer .copyright{font-size:12pt;}
    .modal-dialog{max-width:100%;}
    #registrationform .head h1{font-size:40pt;}
    #registrationform .head h1::after{width:60%;bottom: -45px;}
}