@media screen and (min-width: 200px) and (max-width: 684px) {
   
    h1{
         font-size: 22px;
         line-height: 26px;
     }
    .head{
        padding: 15px 0;
        width:100%;
    }
    .main_section{
        padding: 35px 0;
    }
    .main_section h1{
        max-width: 90%;
        width: 90%;
        font-size: 25px;
        line-height: 28px;
    }
    .page .main_section h1 {
        font-size: 24px;
        line-height: 24px;
        margin: 0 0;
    }
    .breadcrumbs{
        display: none;
    }
    .heading{
        width: 90%;
        padding: 0 5%;
    }
     .container{
         max-width: 90%;
     }
    .main_links_sec {
         text-align: center;
     }
    .blocks img{
        max-width: 45%;
    }


    .blocks p{
        font-size: 16px;
        line-height: 20px;
    }
     .menu_area ul li{
         font-size: 16px;
     }
     .footer_section{
         padding: 10px 0 0;
     }
     .copyright{
         width: 100%;
         padding: 0 0 10px 0;
     }
     .footer_links{
         width: 100%;
         font-size: 14px;
         padding: 0 0 10px 0;
     }
    .footer_links ul li{
        padding: 0 15px 4px 0
    }
    .languages{
        width: 100%;
    }

    .contact_form input[type="submit"]{
        width: 195px;
    }
    .modalDialog > div{
        width: 80%;
    }
    .close{
        line-height: 30px;
        font-size: 18px;
        right: -5px;
        top: -5px;
        width: 30px
    }
    .address_left, .address_right{
        width: 100%;
    }
    .copyright .right a {
        margin: 0;
        padding: 0 0 0 8px;
    }
    .blocks h2{
        float: left;
        height: 70px;
        padding: 0 5%;
        width: 90%;
        
    }
    .blocks h2 span{
        bottom: 10px;
        display: block;
        left: 5%;
        padding: 0;
        text-align: left;
        width: 90%;
    }
    .blocks img{
        max-width: 40%;
        float: left;
    }
    .blocks span.icon{
        width: 90%;
    }
    
    .mc4wp-form-fields label {
        width: 100%;
        padding: 0 0 5px;
    }
    .mc4wp-form-fields span.form-content {
        padding: 0 0 25px 0;
    }
    .mc4wp-form-fields input[type="submit"] {
        margin: 0;
    }
    .mc4wp-form-fields select {
        width: 100%;
    }
    .mc4wp-form-fields input {
        width: calc(100% - 32px);
    }
    .accordion {
    	font-size:1em;
    }
    ul.flip_wrpr {
        padding: 0 0 0 0;
    }

}

@media screen and (min-width: 200px) and (max-width: 558px) {
    .main_section .main_head h1{
        font-size: 20px;
        line-height: 26px;
        margin: 0 auto;
        width: 100%;
        padding: 0;
    }
/*
    .blocks a{
         padding: 30px 30px 30px 30px;
     }
*/
    .blocks a:before, .blocks a:after{
        display: table;
        content: "";
    }
    .blocks a:after{
        clear: both;
    }
    .blocks h2{
        float: left;
        height: 70px;
        padding: 0 5%;
        width: 90%;
        
    }
    .blocks h2 span{
        bottom: 10px;
        display: block;
        left: 5%;
        padding: 0;
        width: 90%;
    }

}


