@media (max-width:1460px) {
.legbots-2024 {
font-size:15px;
}




.logo { margin:50px 0 0 0}

.btn-css {margin-top:65px; padding:10px 30px; font-size:18px}
.btn-css2 {font-size:18px}
.join-w {max-width:100%;}

.text-2 {font-size:15px;}
.logo img {max-width:440px;}
.bg-css { margin:-90px 0 30px 0}
body { padding-top:80px																																				}
.join-w {margin: 0 0 0 50px;} 
.title-top h1 {font-size:19px}

.bg-css { max-width:75%}

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
max-width:1280px
}


}

@media (max-width:1280px) {

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
max-width:1140px
}

body { padding-top:80px																																				}
.btn-css2 { margin-bottom:40px}

.bg-css {
width: 79%;
}
.join-w {
margin: 0 0 0 120px;
}


}

@media (max-width:1024px) {
.logo img { max-width:100%}
.join-w { margin:0}
.text-2 {font-size:15px;}



.logo {margin:20px 0 0 0;}

.logo img {max-width: 340px;margin: 0 auto;}

}


@media (max-width:991px) {
.footer { position:relative; padding-top:60px; display:block; bottom:inherit}
.title-top h1 {font-size:21px;}
.title-top .title2 { margin-top:20px}

.footer { padding:0 30px}
.legbots-2024 { padding:0; text-align:right}
.btn-css2 {margin-bottom:10px;}
.btn-css {margin-top:0;}
.logo img {max-width: 400px;margin: 0 auto;}

.bg-css { margin:0 0 30px 0}
.div-footer { margin-right:0;}
.legbots-2024 {margin-right:0;}
body {padding:10px 0 0 0;}
body {
background: url(../images/bg-2.jpg) no-repeat #000000 0 center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-size: 100%;}
.footer { width:100%}
}

@media (max-width:820px) {



.logo img {
max-width: 560px;
margin: 0 auto;
}

}


@media (max-width:768px) {
.logo {margin:0 0 15px 0; text-align:center}
 
.title-top h1, .title-top .title2 { font-size:17px;}


}




@media (max-width:540px) {
body {
background: url(../images/bg-2.jpg) no-repeat #000000 0 center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-size: 100%;}

.bg-css-2 { max-width:70%; margin: 40px 0 0 0;}
.btn-css2 {margin-right:0;}
.text-2 { font-size:15px}
.btn-css {margin-bottom:15px;}

.logo { margin-bottom:20px}
.logo img {
max-width: 100%;
margin: 0 auto;}


.bg-css { max-width:70%}
.logo img {
max-width: 90%;
margin: 0 auto;
}

}

@media (max-width:480px) {

.h-100 {
height: 90%!important;}

.logo  {text-align:center}
.bg-css-2 {max-width:45%;margin: 50px 0 0 0;}
.h-100 {height:75%!important;}
.footer { position:relative; padding-top:0;}

.title-top .title2 {margin-top:10px;}
.btn-css {margin-top:0;}


.form-section, .form-section2  { padding:15px; margin-top:30px; margin-bottom:15px}
.title-top h1 {margin-top:0; line-height:20px}
.text-2 {font-size:13px}
} 

@media (max-width:414px) {
 
.footer { position:relative; padding-top:0;}
.walking-text h1 {font-size:25px;}
.coming {font-size:20px;}
.bg-css-2 {max-width:35%; margin:50px 0 0 0;}
.btn-css {margin-top: 0;padding:10px 30px;font-size:18px;}
.title-top h1, .title-top .title2 { font-size:15px;}
} 

@media (max-width:375px) {
.title-top h1, .title-top .title2 {
font-size: 14px;
}




}


@media (max-width:360px) {
.bg-css-2 {
max-width:35%;
margin: 50px 0 0 0;
}



}

@media (max-width:360px) {
.title-top h1, .title-top .title2 {font-size: 12px;}
}