.mshow-pra{ display:none;}	
.mhide-pra{ display: block;}
	
	
@media (min-width: 768px) and (max-width: 991px) {
	.mshow{ display:block;}	
	.mhide{ display: none;}
}


@media only screen and (min-width: 1141px) and (max-width: 1200px) {
}

@media only screen and (min-width: 996px) and (max-width: 1140px) {

}
@media only screen and (min-width: 996px) and (max-width: 1025px) {

}

@media only screen and (min-width: 991px) and (max-width: 995px) {
	
}



@media only screen and (min-width: 959px) and (max-width: 990px) {
.leftsidebar {float: left; position: relative; width:100%;}
	
}
@media only screen and (min-width: 810px) and (max-width: 958px) {
.leftsidebar {float: left; position: relative; width:100%;}
}


@media only screen and (min-width: 768px) and (max-width: 809px) {
.logo-bar{ width:45% !important;}
	.navbar-brand img{width:100% !important;}
.rightsidebar {margin-bottom: 0px; right:0px; width:268px; /*position: fixed  top: 0; width:100% !important;;*/ }
.rightsidebarfixed {position: fixed; top: 0px;}
.leftsidebar {float: left; position: relative; width:100%;}


}


/* Only Phones */
@media (max-width: 768px) {
.centered { width: 100% !important; }
.rightsidebar {margin-bottom: 0px; position: relative;  top: 0; width:100%; margin-left: 0px !important; margin-top:0px !important; right:0px;}
.rightsidebarfixed {position: relative; top: 0px;}
.foot-hid{height:0px !important;}
}



@media only screen and (min-width: 456px) and (max-width: 479px){
 body {overflow: -moz-scrollbars-vertical; overflow-x: hidden; overflow-y: auto;}
}

@media only screen and (min-width: 320px) and (max-width: 456px){
 body {overflow: -moz-scrollbars-vertical; overflow-x: hidden; overflow-y: auto;}

}
@media only screen and (min-width: 210px) and (max-width: 321px) {
body {overflow: -moz-scrollbars-vertical; overflow-x: hidden; overflow-y: auto;}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.home-area {padding: 60px 0 60px 0;}
	
}

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
/*.my-right { top:0px; right:15px; width:20% !important;}*/
.rightsidebar { width:320px;}
}



@media only screen and (min-width: 1024px) and (max-width: 1360px) {
/*.my-right { top:0px; right:15px; width:20%;}*/
.my-left { width:68%;}
}



@media only screen and (min-width: 50px) and (max-width: 374px) {
.moble-con {font-size: 25px !important;}

}



.home-moblie-view-show{ display:none}
.carousel-show{ display:none;}
.carousel-hid{ display:block}
@media only screen and (min-width: 50px) and (max-width: 768px) {
.p-hit{ height:40px; clear:both;}	

.carousel-show{ display:block;}
.carousel-hid{ display:none}
.home-area-01{padding: 10px 0 40px 0;}
.col-sm-20{ position: relative; width: 20%; min-height: 55px;  padding-right: 5px;  padding-left: 5px; margin-bottom:10px;}
.ttd{overflow-x:auto}
.m-bt{ margin-top:-15px;}

.page-title2 {font-size: 26px;  line-height: 38px;  font-weight: lighter;}
.container { max-width: 100%;}
.subtt{ font-size:28px; margin-bottom: 5px; }	
.subttb{ font-size:24px; color:#0083c6; font-weight:400;}

.bgf {font-size: 28px; display: block;  margin-bottom: 5px; font-weight:900;}
.subtt-t {font-size: 24px; color: #0083c6; line-height: 38px;}
.pfe{ padding:15px; width:100% !important; text-align:center;}
.list-style-two li{float: left; width: 100%; }
.modal-content{ /*height:98vh; */overflow: auto;}
.modal-body {max-height:98vh;overflow: auto;}
/*.hgt{ position:fixed; background-color:#ffff;}*/
.home-moblie-view-show{ display:block}
#stp{ height:40px; background-color:#f8f8f8; margin-top:-50px;}

.mshow-pra{ display: block;}	
.mhide-pra{ display:none;}


}

@media only screen and (min-width: 50px) and (max-width: 425px) {
.home-area{ padding: 0px 0 30px 0;}
.amanitis-box  {width: 50% !important;}	
.prc_range { font-size:17px;}

.fr-box{width: 30%; margin: 5px;}
.fr-box h2{font-size: 25px;}.fea-font{font-size: 11px;line-height: 20px;}
.amanitis p {font-size:14px;}

.fr-box-rs{width:100%; margin: 0px;}
.fr-box-rs h2{font-size: 25px;}
.fea-font-rs{font-size: 14px;line-height: 20px;}


}

@media (max-width: 320px) {
	.prc_range { font-size:13px;!important}
	.ex_price {font-size: 20px;}
	
  .fr-box{width: 29%; margin:4px;}
  .fr-box h2{font-size: 20px;}
	.fea-font{font-size: 11px;line-height: 20px;}
	
	
	.fr-box-rs{width:100%; margin: 5px;}
.fr-box-rs h2{font-size: 18px;}
.fea-font-rs{font-size:14px;line-height: 20px;}

	
	
}


@media (max-width: 480px) {

        .modal {
            height: 500px; /* Set a default max height of the modal (adjusted later)*/
            position: fixed; /* Display modal in the centre of your screen */
            overflow-y: scroll; /*  Ensure that the modal is scroll-able */
            -webkit-overflow-scrolling: touch; /* Avoid having to use 2 finger scroll on iOS    */
        }
       
        .modal-body{
            /* Increase the max height of the modal body to try & avoid both it,
             * and the modal container having scroll bars which results in odd behavior */ 
            max-height: 2400px; 
        }   
    }