@media(max-width:1399px) and (min-width:1200px){
    .menu ul {
    gap: 25px;
}

.logo_bg img {
    max-width: 300px;
    height: 160px;
}
}

@media(max-width:1199px) and (min-width:992px){
.menu ul {
    gap: 8px;
}

.logo img {
    max-width: 80px;
    margin-left: 17px;
}

.logo_bg img {
    max-width: 260px;
}

.top_mobile ul li:last-child{
    display: none;
}

.hero_content h2 {
    font-size: 45px;
}

.about_content h2 {
    font-size: 35px;
}

.why_choose_img img {
    max-width: 450px;
}

.contact_links {
    margin-top: 40px;
}

.copy {
    margin-top: 60px;
}
}

@media(max-width:991px) and (min-width:768px){
.about_content {
    margin-top: 50px;
}

.contact_links {
    margin-top: 40px;
}

.quick_links {
    margin-top: 40px;
}

.top_header .top_mobile {
    display: none;
}

.top_adderss {
    justify-content: end;
}

.logo {
    position: relative;
    z-index: 0;
    top: -48px;
    left: -15px;
}

.logo img {
    width: 100%;
    max-width: 90px;
}

.logo_bg img {
    width: 300px;
}
.breacrumb_section {
    padding: 320px 0px 90px 0px;
}

}

@media(max-width:991px){
.menu {
    position: fixed;
    width: 100%;
    background: #000;
    z-index: 10000;
    top: 0px;
    left: -250px;
    width: 250px;
    height: 100%;
}

header.sticky .menu ul li a{
    color: #fff;
}

.menu.active {
    left: 0;
    padding-top: 0;
}

.logo_mobiles {
    padding: 10px 15px;
    display: block;
    margin-bottom: 15px;
}

.logo_mobiles img {
    width: 100%;
    max-width: 120px;
}
.menu ul {
    flex-flow: column;
    gap: 0px;
}

.menu ul li a {
    border-bottom: 1px solid #ffffff38;
    display: flex;
    padding: 10px 15px;
    font-size: 14px;
}

.menu ul li:last-child a {
    border-bottom: 0;
    padding-bottom: 0;
}
header .col-xl-3.col-lg-3 {
    display: none;
}

.logo_bg{
    display: none;
}
.top_header{
    display: none;
}

.mobile_logo .logo_mobile img {
    width: 100%;
    max-width: 365px;
}

.mobile_logo {
    position: fixed;
    top: 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    padding-right: 20px;
    z-index: 100;
}

header.sticky{
    background: transparent;
    box-shadow: 0 2px 10px #00000000;
    padding: 0;
}

.hero_section {
    height: 100%;
    padding: 300px 0px 60px 0px;
}

.bar_munu {
    width: 40px;
    height: 37px;
    background: var(--color-sky);
    display: flex;
    flex-flow: column;
    gap: 6px;
    justify-content: center;
    align-items: center;
}

.bar_munu span {
    width: 60%;
    height: 2px;
    background: #fff;
}

.bar_munu span:nth-child(2) {
    width: 35%;
}

.hero_form {
    margin-top: 40px;
}

.mobile_logo.sticky .logo_mobile img {
    max-width: 240px;
}

.mobile_logo.sticky {
    background: #fff;
}

.counter_box {
    text-align: center;
    border: 0;
}
}

@media(max-width:767px) and (min-width:570px){
    .hero_content h2 {
    font-size: 35px;
}

.call_contentn h2 {
    font-size: 30px;
}

.call_contentn {
    padding: 30px 20px;
}

.form_call {
    padding: 30px 20px;
    background: #80808012;
}

.about_content {
    margin-top: 40px;
}

.about_content h2 {
    font-size: 30px;
}

.main_heading h2 {
    font-size: 30px;
}

.why_choose_content h2 {
    font-size: 30px;
}

.quick_links, .contact_links {
    margin-top: 30px;
}

.breacrumb_section {
    padding: 320px 0px 50px 0px;
}

.breacrumb_content h3 {
    font-size: 30px;
}

.counter_box {
    text-align: center;
    border: 0;
}

.login_section {
    padding: 0px 15px;
}
.login_box {
    padding: 40px 20px 40px 20px;
}
}


@media(max-width:569px){
    .hero_content h2 {
    font-size: 27px;
}
.mySwiper{
    margin-top: 97px;
}

.call_action_section{
    margin-top: 50px;
}

.call_contentn h2 {
    font-size: 25px;
}

.call_contentn {
    padding: 30px 20px;
}

.call_btn_main {
    flex-wrap: wrap;
    border: 0;
}

.call_btn_main .btm_call {
    width: 100%;
    padding-left: 0;
}

.call_btn_main .btm_call:first-child {
    border-bottom: 1px solid #ffffff75;
    border-right: 0;
}

.form_call {
    padding: 30px 20px;
}

.login_section {
    padding: 0px 15px;
}
.login_box {
    padding: 20px 7px 25px 7px;
}

.logo_login img {
    max-width: 110px;
}

.login_box h3 {
    font-size: 25px;
}

.login_input {
    margin-top: 15px;
}

.login_box form {
    margin-top: 20px;
}

.login_box .main_btn button {
    margin-top: 20px;
}

.login_section .container {
    border-radius: 20px;
}

.counter_box {
    text-align: center;
    border: 0;
}

.breacrumb_content h3 {
    font-size: 30px;
}

.about_content {
    margin-top: 40px;
}

.about_content h2 {
     font-size: 25px;
}

.main_heading h2 {
    font-size: 25px;
}

.why_choose_content h2 {
     font-size: 25px;
}

.quick_links, .contact_links {
    margin-top: 30px;
}

.why_choose_content ul li {
    width: 100%;
    margin-top: 30px;
}
.why_choose_content h5 {
    font-size: 17px;
}

.main_heading h5 {
    font-size: 17px;
}

.hero_content h5 {
    font-size: 18px;
}

.mobile_logo .logo_mobile img {
    max-width: 250px;
}
.hero_details .main_btn {
    display: none;
}

.hero_section {
    background-position: top;
}

.contact_form {
    padding: 30px 15px;
}
.breacrumb_section {
    padding: 270px 0px 50px 0px;
}

.hero_section {
    padding: 0;
    height: 200px;
}

.mobile_logo{
    background: #fff;
}

.about_img_2 {
    margin-top: -80px;
}
}