@media only screen and (max-width: 1600px) {
    
    
    .wrapper{max-width:92%!important}
    
    
}


@media only screen and (max-width: 820px) {
    
#menu_open {
    display: block!important;
    position: absolute;
    z-index: 5;
    width: 50px;
    right: 40px;
    top: 60px;
}
    
    #menu_image{width:100px;position: absolute;    top: 30px;
    left: 30px;}
    a#purple_phone {
    background: #C32AD2;
    color: #fff;
    width: 100%;
    position: absolute;
    bottom: 0;
    text-align: center;
    padding: 10px;
        font-size:20px;
}
    #menu_close{    display: block!important;
    position: absolute;
    z-index: 5;
    width: 50px;
    right: 40px;
     
    top: 60px;}
#mobile_menu > #menu {
    display: block;
    width: 100%;
    position: relative;
    top: 140px;
}
    
#mobile_menu > #menu a {
    color: #fff!important;
    width: 100%;
    display: block;
    text-align: center;
    font-size: 28px;
    margin-bottom: 15px;
}
    
    #menu a:last-child {
    background: #C32AD2;
    border-radius: 30px;
    padding: 5px 30px;
    border-radius: 30px 0 30px 0;
    display: none!important;
}
    
    #mobile_menu{    position: absolute;
    background: #444;
    z-index: 20;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;}
    
    #layout_1 .wrapper > .text, #layout_1 .wrapper > .pic{width:100%!important}
    
    #about_flex .wrapper > span:last-child {
    float: right;
    width: 100%;
    margin-top: 40px;
}
    #layout_1 .wrapper > .pic{height:400px!important}
    #footer .wrapper > .footer_block {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
    
    #membership, .home #membership{padding:30px 10px!important}
    
    #membership .wrapper > div > span {
    width: 50%;
    float: left;
    background: #fff;
    padding: 10px 13px;
    width: 100%!important;
    margin-bottom: 10px;
}
    
    
    #item_strip{padding:30px 10px!important}
    
    
    .social-icons a {
    width: 35px;
    float: left;
    margin-left: 0px;
    margin-right: 10px;
}
    
    .footer_block.social_block {
    text-align: left;
    width: 100%!important;
    float: left!important;
}
    
    .social_block h4{display:none;}
    
    .wrapper{padding:0 5%;}
   #about_flex .wrapper > span:first-child {
    float: left;
    width: 100%;
    height: 350px;
    background: #99999990;
}
    #test_box{padding:0 5%;}
    .testimonial{text-align:center;}
    #menu{display:none;}
    #home_banner{height:auto;}
 #home_banner_text {
    z-index: 2;
    position: relative;
    top: auto;
    left: auto;
    transform: translate(0);
    padding: 250px 30px 100px 30px;
    width: 100%;
    float: left;
}
 
    #home_banner_text h1 {
    font-size: 40px;
        line-height:47px;
        
}
    
    #home_banner_text p {
    font-size: 18px;
}
    
    
    a.button_link {
    padding: 10px 40px;
 
    display: inline-block;
    margin-top: 20px;
    font-size: 18px;
}
    
    #header .wrapper {
padding:0 0px;

}
    
    #triple_contact .wrapper > div {
    width: 100%;
    float: left;
    margin: 0px 0 40px 0!important;
}
    
    #dual_pic_section .wrapper > div {
    margin-top: 0;
    box-shadow: none;
    background: #fff;
    display: block;
    width: 100%;
    float: left;
    z-index: 1;
    position: relative;
}
    


#internal_banner h1 {
    font-size: 35px;
    color: #fff;
    line-height: 50px;
}
    #copyright {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 30px;
    padding: 10px 0;
    background: #333;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    padding: 20px 0;
}
    #dual_pic_section{padding:40px 0;}
    #dual_pic_section .wrapper > div > span {
    width: 100%;
    float: left;
    height: auto;
    position: relative;
        margin:20px 0 0 0;
        text-align: center;
}
    
    #triple_contact .wrapper > div > span {
    height:auto;
    padding: 25px!important;
}
    
    #triple_contact .wrapper > div:first-child,     #triple_contact .wrapper > div:last-child {
    width: 100%;
    float: left;
}
    
    #footer br{display:block!important}
    h2 {
    font-size: 26px;
    margin-bottom: 18px;
        line-height:30px!important;
}
    
    #dual_pic_section .wrapper > div > span.text > span {
    position: relative;
    top: auto;
    left: auto;
    transform: translate(0);
}
    
    #dual_pic_section .wrapper > div > span.text > span img {
    width: 60px;
    margin: 0 0 20px 0;
}
    #item_strip > .wrapper.classes > span > div {
    background: #00000070;
    height: 200px;
    width: 100%;
    float: left;
}
    h3 {
    font-size: 24px;
    margin-bottom: 16px;
    line-height: 30px;
}
    #item_strip > .wrapper.classes > span {
    width: 100%;
    float: left;
    margin: 10px 0 40px 0!important;
}
    
    #membership, .home #membership {
    width: 100%;
    float: left;
    padding: 40px;
    background: #55555550;
    margin-top: 0;
}
    #layout_1 .wrapper > .text{margin-bottom:30px;}
}

@media only screen and (max-width: 380px) {
    
    #header .wrapper {
    padding: 0 10px;
}
    
    #mobile_menu > #menu a {
    color: #fff!important;
    width: 100%;
    display: block;
    text-align: center;
    font-size: 25px;
    margin-bottom: 13px;
}
    
}