@media only screen and (min-width: 1px) and (max-width: 550px) {
    .gallery_main {width:100%;}
    .gal_h3{ font-size: 2.4rem; margin-top:6%}
    .one_third_div_left, .one_third_div_center, .one_third_div_right { width: 100%; float: left; }    
    .p_description{margin-top:0}
}

@media only screen and (min-width: 551px) {
    .gallery_main {width:90%;}
    .gal_h3{ font-size: 4.8rem; margin-top: 0;}
    .one_third_div_left, .one_third_div_center, .one_third_div_right { width: 30%; float: left; }
    .one_third_div_left{margin-right: 5%;}
    .one_third_div_right{margin-left: 5%;}
    
}

.gallery_main {display: block; margin-left:auto; margin-right:auto; padding-bottom: 2%; padding-top:2%; overflow: hidden}

.gal_h3{ font-family: 'Rubik', serif;  color: rgb(24,54,114);
                    font-weight: 900; text-transform: uppercase;}

.group {clear: both; margin-top: 2%; overflow:hidden}
.group img {width: 100%; height: 100%;}





.p_description{ color: #183672; font-weight: bold; font-size: 2.0rem; text-transform: uppercase; text-align: left; line-height: 2.2rem; }

.s_description{color: #183672; margin-left: 10px; font-size: 1.2rem; font-weight: 400; text-transform: none;}

.modal-panorama #cboxLoadedContent {
    overflow: hidden !important;
}