/*RESPONSIVE start*/
@media screen and (max-width: 320px) {
    body {
        font-size: 12px;
    }
    #wrapper {
        width: 90%;
    }
        nav.navigation li {
        width: 100%;
        float: none;
        display: block
    }
    nav {
        width: 100%;
    }
    article.boxitem {
        width: 100%;
        display: inline-table !important;
        padding: 0;
    }
    .bi1 p {
        width: 100%;
    }
    article.bi2, article.bi3 {
        width: 100%;
    }
    .boxitem h2 {
        padding: 1% 3% 1% 3%;
    }
    article p {
        padding: 0 3% 0 3%;
    }
    article.bi5 a.btn-info {
        padding: 4%;
    }
    #Contact2 .zone_data {
        float: none;
        width: 100%;
        margin: 0 1.333em 0 0;
    }
    #Contact2 .google_map {
        margin: 0 0 9% 0;
    }

}
@media screen and (min-width: 320px) and (max-width: 479px)  {
    body {
	font-size: 13px;
    }
    #wrapper {
        width: 90%;
    }
    nav.navigation li {
        width: 100%;
        float: none;
        display: block
    }
    nav {
        width: 100%;
    }
    nav li a {
        padding: 0.5em 0;
    }
    .bi1 p {
        width: 100%;
    }
    article.bi2, article.bi3 {
        width: 100%;
    }
    #Contact2 .zone_data {
        float: none;
        width: 100%;
        margin: 0 1.333em 0 0;
    }
    #Contact2 .google_map {
        margin: 0 0 9% 0;
    }
    .gallery_list li.gb3, .gallery_list li.gb4 {
        width: 48%;
    }
}
@media screen and (min-width: 480px) and (max-width: 767px)  {
    body {
        font-size: 14px;
    }
    #wrapper {
        width: 90%;
    }
    nav.navigation li {
        width: 100%;
    }
    nav {
        width: 100%;
    }
    article.bi2, article.bi3 {
        width: 48%;
    }
    .gallery_list li.gb1 .imgLink, .gallery_list li.gb2 .imgLink {
        width: 52%;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
    body {
        font-size: 16px;
    }
}
/*RESPONSIVE ends*/