/*  Media query Responsive css 
==================================================*/
/* @media only screen and (max-width: 1146px), 
(height: 1024px) and (width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: landscape), 
(width: 1024px) and (height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: portrait)  {

    .heading-main{font-size:45px;line-height: 50px;}
   
    .bg_parallex{position: static;}
    
} */

/*@media only screen and (max-width: 760px) and (orientation: landscape){ 
  body:before{
    height: 100vh;background: #fdd5d5;width: 100%;position: fixed; content: "\f10b  Only Portrait View" ;
    z-index: 99;  display: flex;display: -webkit-flex;justify-content: center;align-items: center;font-size: 3rem;
    font-weight: 600;font-family: 'fontawesome';
    }
}*/
@media only screen and (max-width: 1280px){
    .form_filed_inline .datetimeright .form-group{margin-left: 10px;}
}


@media only screen and (max-width: 1024px){
    .content-box {padding: 0 50px;}
    .back-home{left: 15px;}
    .heading-main{font-size:35px;line-height: 40px;}
    .back-home{font-size: 40px;}
    .side_buttons{top: 10rem;}
    .edit-details li{width: 27px;}
}
@media only screen and (max-width: 992px){
    .dash_boxes li{width:24%;}
    .top-header .nav-left{display: none;position: absolute;top: 100%;left: 0;width: 100%;padding-bottom: 10px;background: #009efb;
        background: -moz-linear-gradient(left, #0178bc 0%, #00bdda 100%);
        background: -webkit-linear-gradient(left, #0178bc 0%, #00bdda 100%);
        background: linear-gradient(to right, #0178bc 0%, #00bdda 100%);
        border-top: 1px solid #fff;
    }
}
@media only screen and (max-width: 768px){
      .border-rEMR{border-right: 0;}
      .border-bEMR{display: block;border-bottom: 3px solid rgba(0,0,0,.125);margin-bottom: 10px;}
}

@media only screen and (max-width: 767px){
    .heading-main{font-size:26px;line-height: 35px;}
    .bg_parallex{position: relative;}
    .content-box{padding: 0;}
    .content-box p{font-size:16px;line-height: 22px;}
    .content-box .btn{padding: 10px 15px;}
    .heading-main{font-size:30px;line-height: 35px;}
    .back-home{font-size: 30px;top:8px;}
    .sub-sub-title{display: none;}
  
}

@media only screen and (max-width: 667px){
    .home-slider  .owl-nav{display: none;}
    .content-box p{text-align: justify;}
   
    
    .canvas_nav{width:185px;}
    .main_nav > li > ul{width:175px;right: -175px;}
    .dash_boxes li{width: 32.3%;}
}


@media only screen and (max-width: 580px){
    .back-home{font-size: 30px;;left:20px;}
    .flex-item .single-feature{width:200px;}
    .heading-main{font-size:20px;line-height: 25px;}
    
    .feature_01{width:49%;margin:0 2px 8px 0;min-height: 103px; text-align: center;float: left;}
    .feature_wrap  .feature_01:nth-child(even){margin-right: 0;float: right;}
    .feature_01 a{display: block;}
    .feature_01 .feature_img,.feature_01 .feature_text{display: inline-block;width: 100%;}
    .feature_01 .feature_text{padding-left: 0px !important;}
    .feature_01 .feature_img img {  border-bottom: 2px solid #37b2d3; padding-bottom: 5px;border-right:0;padding-right: 0 !important;margin-bottom: 5px;width:40px;}
    .select_study, .select_branch{display: none;position: absolute;right: 0;min-width: 130px;margin:0;background: #f8f8f8;}
    .select_branch{top: 100%}
    .select_study{top: 140%;}
    .mobile-search.casestudy{display: block;}
    .freezer_list li a{padding: 4px;font-size: 12px;line-height: 1;}
    .freezer_list li a img{width: 12px;}
    .compartment_list li a,.rack_list li a,.shelve_list li a, .box_list li a{padding:8px 10px;font-size: 12px;line-height: 1;}
    .rack_list li a{height: auto;}
    .form_filed_inline label{display: block;}
    .form_filed_inline .float-right{float: none !important;width: 100%;}
    .form_filed_inline .form-control, .form_filed_inline .textArea,.form_filed_inline .form-group{width: 100%;}
    .form_filed_inline .datetimeright{flex-direction: column;}
    .form_filed_inline .datetimeright .form-group{width: 100%;margin-left: 0;}
}
@media only screen and (max-width: 480px){
    .dash_boxes li{width: 49%;}
    
}
@media only screen and (max-width: 376px){
    .heading-main{font-size:16px;line-height: 20px;}
    .dash_boxes li{width: 100%;}
}