/*** 1200 - 1450px ***/  
@media only screen and (max-width: 1449px) {
    *{}
}

/*** 1120 - 1199 ***/  
@media only screen and (max-width: 1199px) {
    *{}

    /* --------------- Right Area --------------- */
	.orders-notification, .next-order-notification, .calls-notification {font-size: 15px!important;}	

	/* --------------- Content Photo List --------------- */
    .content-photo-list .content-body .photo{width: 23%!important;}
	
	/* ----- Accordion ----- */
    .accordion span.bottle-title{width: 200px!important;}
    .clearOnResize2{clear: both; display: block;}
    .afterResize{margin-left: 200px;}
}


/*** 920px - 1119px ***/
@media only screen and (max-width: 1119px) {
    *{}

    .left-menu-full{width: 30%;}
    header{margin-left:30%!important;}
    footer{margin-left:30%!important;}
    header .logo{display:none;}

    /* --------------- Header --------------- */
    header ul.header-menu li{font-size: 9pt!important;}

    /* --------------- Right Area --------------- */
    .right-area{width: calc(70% - 30px)!important;}

    /* ----- Advanced Search ----- */
    .advanced-search .content-body label{width: 100%; margin-right: 0;}
    .advanced-search .content-body input, .advanced-search .content-body select, .advanced-search .content-body .date-holder{width: 100%!important;}
    /*.advanced-search .content-body .separator1{width: 5%!important;}*/
    .advanced-search .content-body .separator2{clear: none!important; width: 3%!important;}
    .advanced-search .content-body .clear{clear: both!important; width: 0!important;}
    /* ----- Stats Section ----- */
    .stats-section label{width: 30%!important;}
    .stats-section span{width: 15%!important;}
	.stats-section .separator2{clear: none!important; width: 3%!important;}
    .stats-section .clear{clear: both!important; width: 0!important;}

    /* ----- Content Details ----- */
    .content-details .content-body .content-tabs li a{font-size: 8pt!important; padding: 5px!important;}
}


/*** 650px - 919px ***/
@media only screen and (max-width: 919px) {
    *{}


    header,
    footer{
        margin-left: 0!important;
    }
    header .menu{
        top: 0!important;
        left: 60px;
        width: calc(100% - 70px);
    }

    .left-menu-full{
        width: 100%;
        left: -102%;

        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }
    .left-menu-mobile-open,
    .left-menu-mobile-close{
        display: block!important;
    }

    /* --------------- Header --------------- */
    header{border-bottom: 0px!important; height: 35px!important;}
    header .logo{display: none!important;}
    header .apps{left: 0px!important; top: 8px!important;}
    header .apps select{width: 200px!important; height: 31px!important;}
    header .header-menu{margin-top: -10000px!important;}
    header .header-expandable-menu{display: block!important;}

    /* --------------- Left Area --------------- */
    .left-area{width: 0!important; min-width: 0!important; position: absolute; top: 85px;}
    .left-area.selected{width: 200px!important;}    

    /* --------------- Right Area --------------- */
    .right-area{width: calc(100% - 30px)!important;}    
	.orders-notification, .next-order-notification, .calls-notification {width: 33%!important; font-size: 12px!important;}    
    .top-notification{padding: 0 5px!important;}
    .top-notification .center-notification{width: 97%!important;}
    /* ----- Content Photo List ---- */
    .content-photo-list .content-body .photo{width: 31%!important;}

    /* ----- Content Details ----- */
    .content-details .content-body .content-tab-data span.input-field{width: 90%!important;}
	.content-details .content-body .content-tab-data .form-4rows span.input-field{width: 50%!important;}
    .content-details .content-body .content-tab-data select.categories-list{width: 86%!important;}
	.content-details .content-body .content-tab-data .input-field.full-width .input-field-left{width: 30%!important;}
    .content-details .content-body .content-tab-data .input-field.full-width .input-field-right{width: 60%!important;}

    /* ----- Buttons ----- */
    .left-menu-bars-btn{display: block!important;}    
}


/*** 381px - 649px ***/
@media only screen and (max-width: 649px) {
    *{}

	/* --------------- Right Area --------------- */
    .top-notification{ height: 0!important; }
	.page-content.alerted{ margin-top: 0!important; }
	
	/* ----- Advanced Search ----- */
    .advanced-search .content-body .content-body-bloc{width: 100%;}
    /* .advanced-search .content-body label{width: 30%!important;} */
    /* .advanced-search .content-body input, .advanced-search .content-body select, .advanced-search .content-body .date-holder{width: 65%!important;} */
    .advanced-search .content-body .separator1,
    .advanced-search .content-body .separator2,
    .advanced-search .content-body .clear{clear: both!important; width: 0!important;}
	
	/* ----- Content Details ----- */
    .content-details .content-body .content-tab-data span.input-field,
    .content-details .content-body .content-tab-data select.categories-list,
	.content-details .content-body .content-tab-data .form-4rows span.input-field,
    .content-details .content-body .content-tab-data .input-field .input-field-left,
    .content-details .content-body .content-tab-data .input-field .input-field-right,
    .content-details .content-body .content-tab-data .input-field.full-width .input-field-left,
    .content-details .content-body .content-tab-data .input-field.full-width .input-field-right{width: 100%!important;}
    .content-details .content-body .content-tab-data span.photo-field{width: 28%!important;}
    .input-field .input-inner-btn{margin-right: 10px!important; top: 20px!important;}

    /* ----- ul Listing ----- */
    .listing.inline li{width: 46%!important;}

    /* ----- Buttons ----- */
    .action-btn{float: right!important;}

    /* ----- Accordion ----- */
    .clearOnResize1{clear: both; display: block;}
    .afterResize{margin-left: 0;}	
}


/*** < 380px ***/ 
@media only screen and (max-width: 379px) {
    *{}

    /* --------------- Header --------------- */
    .header-expandable-menu span{display: none;}

    /* ----- Advanced Search ----- */
    .advanced-search .content-body label,
    .advanced-search .content-body input,
    .advanced-search .content-body select,
    .advanced-search .content-body .date-holder{width: 100%!important;}

	/* ----- Content Details ----- */
    .content-details .content-body .content-tab-data span.photo-field{width: 45%!important;}	
	
    /* ----- ul Listing ----- */
    .listing.inline li{width: 100%!important; margin-right: 0!important;}

    /* ----- Accordion ----- */
    .accordion ul li{padding-left: 5px!important;}
}
 

/*** Portrait ***/
/*
@media only screen and (orientation: portrait) {
    
    /* Home *
	.main-slider{bottom:0!important; right:auto!important; height: 100%!important;}
    .main-slider .slides{height:100%!important;}
    .main-slider .slides > li{height: 100%!important; margin: 0!important; width: auto!important; position:absolute!important;}
    .main-slider .slides img{width:auto!important; height: 100%!important;}
} 
*/

@media print{

    /* --------------- Header --------------- */
	header .menu{display: none;}

    /* --------------- Left Area --------------- */
    .left-area{display: none;}

    /* --------------- Right Area --------------- */
    .right-area{float: left!important; width: 100%!important;}
    .content-table .content-head{display: none;}
    .content-table .content-body{border: 0px solid!important;}
    .stats thead th{font-weight: normal!important;}
    .stats thead th a i{display: none;}
    .stats tbody td, .stats tbody td a{color: #000!important; font-weight: normal!important;}
    .content-table .content-foot{display: none;}

    /* ----- Advanced Search ----- */
	.advanced-search{display: none;}
	
    /* ----- Stats Section ----- */
	.stats-section label{width: 30%!important;}
    .stats-section span{width: 15%!important;}
	.stats-section .separator2{clear: none!important; width: 3%!important;}
    .stats-section .clear{clear: both!important; width: 0!important;}
	
    /* --------------- Footer --------------- */
	footer .client{display: none;}
}