@media only screen and (max-width: 1600px) {
    
    #top_banner .wrapper > span {
    padding: 180px 0;
    }
    #header_social{right:5%;}
    .wrapper{max-width:90%!important}
}

@media only screen and (max-width: 1500px) {

#top_banner h1 {
 

    font-size: 45px;
    }

    
    #home_big_text p {
    font-size: 20px;
    }
    
    
    #home_big_text a {
    background: #fff;
    color: #333;
    padding: 11px 25px;
    display: inline-block;
    margin-top: 0px;
    border-radius: 30px;
    font-size: 18px;
}
    
    #instagram > span {
    width: 16.66666666%;
    float: left;
    height: 280px;
    background-size: cover!important;
    background-position: center!important;
}
    
    .internal_banner {
    height: 450px;
}
    
    
    #middle_gal > a {
    width: 31.33333333%;
    float: left;
    height: 280px;
    background-size: cover!important;
    background-position: center!important;
}
    
    
    #internal_gallery {
    width: 100%;
    float: left;
    margin: 60px 0 100px 0;
}
    
    }

@media only screen and (max-width: 1400px) {
    #logo {
    max-width: 230px;
    float: left;
}
    
    #top_banner p {
    margin: 20px 0;
    font-size: 21px;
    text-shadow: 0px 1px 5px rgba(0,0,0,1);
}
    
    header {
    width: 100%;
    float: left;
    padding: 0;
    position: relative;
}
    #top_banner .wrapper > span {
    padding: 150px 0;
}
    
    #menu a {
    color: #444;
    padding-left: 30px;
    display: inline-block;
    font-size: 17px;
}
    
    #home_big_text p {
    font-size: 18px;
    margin: 10px 0 20px 0;
}
    
    
    #home_services .wrapper > div:nth-child(odd) > span:first-child {
    width: 50%;
    padding: 60px 60px 80px 0;
}
    #home_services .wrapper > div:nth-child(even) > span {
    width: 50%;
    padding: 60px 0 80px 60px;
}
    
    
    #testi {
    width: 100%;
    float: left;
    padding: 30px 0 0 0;
}
    
    
    #instagram {
    width: 100%;
    float: left;
    padding: 0px 0 0 0;
}
    
}
@media only screen and (max-width: 820px) {
    
    .page-template-TEMPLATE-competition #service_span{display:none!important;}
    
    
    #menu_logo{    position: absolute;
    bottom: 20px;
    margin: 0;
    width: 60%!important;
    left: 20%;
    
    }
    
    
    .desktop{display:none!important;}
    .mobile{display:block!important;}
    
   .menu_open {
    display: block!important;
    max-width: 45px;
    position: absolute;
    right: 20px;
    top: 20px;
}
    #mobile_menu{position:absolute; width:100%; height:100%; background:#fff; z-index:9999999999;}
    #mobile_menu > span{width:100%; float:left; text-align:right;margin-bottom:50px;}
    
    #menu_close{ display:block;}
    
#menu_close img {
    max-width: 40px;
    margin: 20px;
}
    
    #mobile_menu > a {
    display: block;
    text-align: center;
    color: #333;
    margin: 10px 0 20px 0;
    font-size: 23px;
}
    
    #top_banner a {

    color: #fff;
    padding: 10px 25px;
    display: inline-block;
    margin-top: 0px;
    border-radius: 30px;
    font-size: 17px;
}
    
    #menu{display:none;}
    .wrapper{max-width:90%;}
    
    #top_banner .wrapper > span{padding:100px 0 150px 0;}
    
    #top_banner h1 {
    color: #fff;
    font-weight: 600;
    font-size: 42px;
    text-shadow: 0px 1px 5px rgba(0,0,0,1);
}
    
    
    #home_big_text p {
    font-size: 19px;
    margin: 30px 0;
}
    
    
    .blue_wave{bottom:-3px!important;}
    
    #home_services .wrapper > div {

    flex-direction: column;
}

    #contact_block .wrapper > div {
    display: flex;
    align-content: stretch;
    flex-direction: column;
}
    
    #contact_block .wrapper > div > span {
    width: 100%;
    padding: 50px 0;
    background-size: cover!important;
    background-position: center!important;
}
    
    #contact_block .wrapper > div > span {
    width: 100%;
    padding: 50px 0;
    background-size: cover!important;
    background-position: center!important;
    min-height: 300px;
}
    
#home_services .wrapper > div:nth-child(odd) > span:first-child {
    width: 100%;
    padding:20px 0;
    order:3;
}

    
    #internal_block .wrapper > span {
    width: 100%;
    float: left;
}

#home_services .wrapper > div:nth-child(even) > span {
    width: 100%;
    padding: 0;
margin-top:20px;
}
    
    #internal_block {
    width: 100%;
    float: left;
    margin: 50px 0 -70px 0;
    position: relative;
        padding:0;
}
    span#service_span {
    width: 100%;
    position: relative;
    height: 100%;
    top: auto;
    right: auto;
    background-size: cover!important;
    background-position: center!important;
    min-height: 300px;
    display: block;
    float: left;
    margin-top: 20px;
}
    
    .top_gal > a:nth-child(3) {
    top: -100px;
}
      .top_gal > a:nth-child(5){
        top: -200px;
    height: 196px;
}
    
    .middle_gal > a:nth-child(4) {
    top: -303px;
    height: 199px;
}
    
    
    body .middle_gal > a:nth-child(5) {
    width: 100%;
    top: -303px;
    position: relative;
}
    .middle_gal > a:nth-child(5){width:100%;}
    
    #callback{margin-top:120px;}
    
    #middle_gal {
    width: 100%;
    float: left;
    margin: 20px 0;
}
    
    .middle_gal > a:nth-child(odd) {
    height: 300px;
    top: -100px;
}
    .l_blue_wave{top:-97px;}
    input, textarea {
   
    border: none;
    outline: none;
    padding: 7px 20px!important;
        
}
    input{margin-right:10px;}
    
    #internal_gallery {
    width: 100%;
    float: left;
    margin: 50px 0 0 0;
}
    
    #header_social{display:none;}
    
    #top_banner.internal_banner .wrapper > span {
    padding: 180px 0!important;
}
    
    .internal_banner{height:450px;}
    
    .top_gal > a {
    width: 49%;
    margin: 0.5%;
    height: 200px;
    background: #00000070;
    float: left;
    position: relative;
    background-size: cover!important;
    background-position: center!important;
}
        .middle_gal > a {
    width: 49%;
    margin: 0.5%;
    height: 200px;
    background: #00000070;
    float: left;
    position: relative;
    background-size: cover!important;
    background-position: center!important;
}
    
    .middle_gal {
    margin-top: -100px;
    height: 710px;
}
    
    .middle_gal{margin-top:-100px;}
    
    input#gform_submit_button_1 {
    padding: 8px 20px!important;
    background: #0c5765!important;
    color: #fff!important;
    width: 100%;
    margin-left: 17px;
}
    
    #testi{padding:50px 0;}
    #home_services .wrapper > div > span.picture {
    background-size: cover!important;
    width: 100%;
    background-position: center!important;
    order: 1!important;
    min-height: 200px;
    margin-top: 30px;
}
    
    #about_us {
    width: 100%;
    float: left;
    padding: 50px 0 0px 0;
}
    
    #instagram > span {
    width: 50%;
    float: left;
    height: 200px;
    background-size: cover!important;
    background-position: center!important;
}
    #middle_gal > a {
    width: 100%;
    float: left;
    height: 200px;
    background-size: cover!important;
    background-position: center!important;
    margin: 10px 0!important;
}
    
#gform_fields_1 {
    width: 100%;
    float: left;
}
    input#gform_submit_button_1{margin-left:0!important;}
    
    body #callback .gform_footer {
    width: 100%!important;
    float: left!important;
    margin-top: 15px!important;
}
    
    #home_big_text a {
    background: #fff;
    color: #333;
    padding: 10px 25px;
    display: inline-block;
    margin-top: 0px;
    border-radius: 30px;
    font-size: 18px;
}

    
    
}