/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1200px) { 
  
    
}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) { 
    
    .side_slider{
        height: auto;
    }
        
    .gallery_item ul li{
        width: 30%;
        height: 200px;
    }
    .mainmenu ul li a{
        padding: 5px 5px;
    }
    .mainmenu{
        overflow: hidden;
    }
}

/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) { 
    .mainmenu{
        display: none
    }
    .logo img{
        width: 100%;
    }
    .responsive_menu_wrap{
        display: block;
    }
    .slicknav_menu {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    }
    .slicknav_nav{
        background: rgba(2, 2, 2, 0.8);
    }
    .side_slider{
        height: auto;
    }
    .single_item{
        width: 100%;
    }
    .item_btn{
        margin-left: 5%;
    }
    .about_content img{
        width: 100%;
    }
    .feedback_content > img {
        float: none;
        width: 100%;
    }
    .feedback form {
        float: none;
        width: 100%;
    }
    .feedback form table {
        width: 100%;
    }
    .feedback_content form textarea{
        height: 150px
    }    
    .gallery_item ul li{
        width: 46%;
        height: 180px;
    }
}

/* Mobile Layout: 480px. */
@media only screen and (min-width: 320px) and (max-width: 479px) { 
    .owl-carousel .owl-item img{
        width: 97%;
        height: 250px;
    }
    .mainmenu{
        display: none
    }
    .responsive_menu_wrap{
        display: block;
    }
    .slicknav_menu {
        background: none;
    }
    .slicknav_nav{
        background: #222;
    }
    .side_slider{
        height: auto;
    }
    .single_item{
        width: 100%;
    }
    .item_btn{
        margin-left: 5%;
    }
    .feedback{
        overflow: hidden;
    }
    .feedback_content img {
        float: none;
        width: 100%;
    }
    .feedback form {
        float: none;
        width: 100%;
    }
    .feedback form table {
        width: 100%;
    }
    .feedback_content form textarea{
        height: 150px
    }
    .about_content img{
        width: 100%;
    }
    .logo img{
        width: 100%;
    }
    .gallery_item ul li{
        width: 46%;
        height: 150px;
    }
}
@media only screen and (min-width: 250px) and (max-width: 319px){
    .mainmenu{
        display: none
    }
    .responsive_menu_wrap{
        display: block;
    }
    .about_content img{
        width: 100%;
    }
    .logo img{
        width: 100%;
    }
    
}