/*Desktop small screen solution, That ok if you not support display*/
@media only screen and (min-width: 992px) and (max-width: 1920px) {     
   .search-m, .nb-m { display: none; }
}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 992px) { 
	.search-m, .nb-m, .recommended-item-control { display: none; }
	.navbar-nav > li > a { padding: 20px 10px; font-size: 14px; }
	.search { position: absolute; width: 95%; top: 50px;}
	.navbar-header { min-height: 120px; }
	.search form input[type="text"] { width: 100%; }
	.ul-cyt-tab { padding: 0 15%; }
	.sli-list .sli-item { padding: 0 5px; font-size: 12px; }
	.tb-cf { margin-bottom: 20px; }
	.ots-form .ip1, .ots-form .sl1 { width: 100%; margin-right: 0; margin-bottom: 10px; }
	.ots-form .btn1 { float: none; width: 100%; }
}   

/* Wide Mobile Layout: */
@media only screen and (min-width: 320px) and (max-width: 767px) { 
	.navbar-nav > li > a { padding: 10px 0; }
	.search, .navbar-right, .sm-content { display: none; }
	.search-m { display: block; }
	.sm-content form input[type="text"] { width: 180px; }
	.item-1 .avt { width: 100%; }
	.item-1 .avt-right { width: 100%; margin-top: 15px; }
	.list-tpc { width: auto; margin-top: 30px; }
	.lb-left { width: 100%; }
	.ot-form-contact-info .sp-right { width: 100%; }
	.b-tb-qaf { padding: 0 5%; }
	.tvti-item h2 { margin-top: 20px; }
	.cyt-tab-content { padding: 10px; }
	.c-tb02 { padding: 0; }
	.ul-cyt-tab { padding:0; }
	.txt-wkotyw { min-height: 120px; margin-bottom: 20px }
	.sli-list .sli-item { width: 100%; }
	.d-slgr { width: 100%; padding-right: 0; margin-bottom: 10px;}
	.tb03 tr td {vertical-align: top;}
	.c-tb03 { padding: 0; }
	.coci-left { width: 90px; }
	.coci-left .avt { height: auto; }
	.coci-right { width:calc(100% - 110px) }
	.tb-cf { margin-bottom: 20px; }
	.ots-form .ip1, .ots-form .sl1 { width: 100%; margin-right: 0; margin-bottom: 10px; }
	.ots-form .btn1 { float: none; width: 100%; }	
	.ot-form-request  .ip1, .ot-form-request .sl1 { width: 100%; margin-right: 0; margin-bottom: 10px; }
}

/* Small Mobile Layout: 320px. */
@media only screen and (min-width: 320px) and (max-width: 479px) { 
	.brand { height: 36px; }
	.nb-m img { height: 25px; }
	.navbar-toggle { margin-top: 8px; }
	.search-m { top:10px; }
	.sm-content form input[type="text"] { width: 110px; }
	.coci-left { width: 100%; margin-bottom: 20px;}
	.coci-left .avt { height: auto; }
	.coci-right { width: 100%; }
}