@media only screen and (min-width: 1100px) {
	.ui.container { max-width: 935px !important; width: 90% !important;}
}

@media only screen and (max-width: 1200px) {
	.image_grid {height: 280px;}
	.popupimg, .img-cnt {height: 550px;}
	.notification-top.ui.dropdown .menu::after, .notification-top.ui.dropdown .menu::before { left: 197px !important;}
	.notification-top.ui.dropdown > .left.menu{ right: -75px !important }
	.when_come{ font-size: 10px;}
	.height-600 {margin-right: -7px;}
	.chat_user_area, .chat-input {width: 52%;}
	.chat_product_description {width: 23%;}
	.chat-btn{ padding-left: 0 !important; padding-right: 0 !important }
	.self-end .chatmsg { margin-left: 22%;}
	.opposite-end .chatmsg {margin-right: 22%;}
	.chat-display { margin-right: 0px;}
	.chat-product-desc .ui.header { font-size: 18px;}
}	

@media only screen and (max-width: 1000px) {
	.image_grid {height: 220px;}
	.popupimg, .img-cnt {height: 500px;}
	.p_desc .like-fav .pull-left{ margin-bottom: 10px !important }
	.p_desc .like-fav .pull-left, .p_desc .like-fav .pull-right{ float: none; clear: both; margin: 0 auto; text-align: center; }
	.product-img .img-slider{ height: 190px }
	.like-cmt {bottom: 113px;}
}

@media only screen and (max-width: 980px) {
	.top-search .search-area {width: 63%;}
	.self-end .when_come, .opposite-end .when_come{ top: auto; margin-top:5px;}
	.opposite-end .when_come{ left: 50px}
	.self-end .when_come{ right: 60px; text-align: right; }
	.chat_product_list .ui.relaxed.items > .item .circular.labels{right: 10px;}
	.item .content.online::before {left: 4px;}
}

@media only screen and (min-width: 767px) {
	.mobile_show{ display: none !important; }
}

@media only screen and (max-width: 767px) {
	.chat_product_list, .chat_user_area{ top: 60px; width: 100%; left: 0 }
	.chat_product_description{ top: 100px; width: 100%; left: 0%; display: none; }
	.chat-input{width: 100%; left: 0}
	.ui.container > .ui.stackable.grid > .row.all-images > .column { padding: 0 !important; width:33.33333333% !important}
	.image_grid{ margin-bottom: 0  }
	.user-profile .action{ margin-top: 0; margin-bottom: 10px; position: relative; width: 100%; text-align: right; }
	.user-profile .action i{ margin-top: 0 !important }
	.user-profile.ui.items > .item > .image.circle{width: 70px !important; height: 70px !important; }
	.user-profile.ui.items > .item > .image + .content, .user-profile.ui.items > .item > .image.circle{ }
	.user-profile.ui.items > .item > .image + .content{text-align: center;}
	.user-profile.ui.items > .item > .image + .content h2.ui.header{ margin: 0 auto !important; width: 100% }
	.img-cnt .p_desc { overflow-y: auto; padding: 0 0 20px}
	.chat_product_description .like-fav {margin-top: 00px !important; padding: 10px !important }
	.p_desc .like-fav {/* position: relative !important; margin-top: 33px !important; padding: 20px 20px 0 !important; background: none*/}
	.ui.grid.loadmore{ margin-top: 30px }
	.top-search .ui.row{ position: relative; }
	.search-area{ position: fixed;display: none; left: 0; top: 0; width: 100% !important; top: 60px; background: #f1f1f1; padding-bottom: 5px;} 
	.search-hide-show{ display:block !important; float: left; cursor: pointer; padding:12px 5px; font-size: 20px;color: #666 !important;}
	.inverted .search-hide-show{ margin-top: 6px }
	.search-hide-show i.search{ color: #999 }
	.ui.menu .top-right-menu .item{ /*padding: 12px 6px !important*/ }
	.ui.menu .top-right-menu .item.dropdown{ padding: 18px 10px 16px 6px !important }
	.img-cnt .p_desc table.ui.table tr td{ display: block !important; width: 49% !important; padding: 5px 0 !important; float: left; }
	.user-profile .action > a.item {vertical-align:middle !important;}
	.action > a.item {vertical-align: -4px !important;}
	.new_stock{ left: 40px }
	.news_feed{ left: 0px }
	.new_stock, .news_feed{ position: absolute; top: 0 }
	.chat-product-desc .ui.header { font-size: 15px;}
	.chat_product_list .ui.relaxed.items > .item{ position: relative !important; display: block; }
	.chat_product_list .ui.items:not(.unstackable) > .item > .image {width: 40px !important; max-width: 30% !important; height: 40px; max-height: 40px !important; display: block !important; float: left !important; margin: 0 !important;  clear: unset !important}
	.chat_product_list .ui.items > .item > .image + .content{ display: block !important; float: left !important; margin: 0 !important; width: 70% !important; max-width: 70% !important; clear: unset !important; padding: 0 0 0 15px  !important}
	.next-pre i{width: 15px;height: 15px;vertical-align: 9px;}
	.height-600 { min-height: 200px; max-height: 86%;}
	.chat-input .p_10 { padding: 9px 10px 10px !important;}
	.chat-unm.mobile_show{ display: inline-block; }
	.mobile_hide{ display: none; }
	.self-end .chatmsg {margin-left: 5%;}
	.opposite-end .chatmsg {margin-right: 5%;}
	.chat-display {margin-right: -7px;}]
	.chat_user_area h4 .circle { width: 50px !important; height: 50px !important;}
	.top-icon .circular.labels { position: absolute; top: -4px;}
	.product-img .img-slider, .product-img .img-slider{ height: auto !important; text-align: center;}
	.chat-product-img img{ max-width: 300px !important }
	.img-cnt .p_desc .ui.header {font-size: 16px;}
	.thumb-img{ position: relative; margin-top: -25px !important; }
	.img-desc .popupimg{ width: 65%; height: auto; max-width: 100%; margin: 0 auto }
	.popupimg{ width: 100%; height: auto; max-width: 350px; margin: 0 auto }
	.ui.form .fields, .mobile_fromb15{ margin-bottom: 15px !important }
	.mobile_fromb20{ margin-bottom: 20px !important }
	.notification-top .ui.unstackable.items > .item > .image{ width: 40px !important;}
	.new_model .description {min-height: 300px;}
	.description .m_t30.text-right{ margin-bottom: 50px }
	.new_model.ui.basic.modal > .header{ font-size: 18px !important }
	.content-area .left-panel{ width: 200px !important; left: -200px; z-index: 11; background: #fff }
	.content-area .right-panel{ width: 100% !important; margin-left: 0%; position: relative; }
	#sidemenu_hideshow{ position: absolute; right: -22px; top: 70px; background: #ce9835; color: #fff !important; text-align: center; padding: 2px; border-radius: 0 10px 10px 0; -webkit-border-radius: 0 10px 10px 0; -o-border-radius: 0 10px 10px 0; -moz-border-radius: 0 10px 10px 0; cursor: pointer; } 
	#sidemenu_hideshow:hover{ background: #af7d22 !important }
	#sidemenu_hideshow i{ margin: 0; position: relative; transition: all .3s ease; -webkit-transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; top: 0px;width: 17px; height: 17px; line-height: 100%; border: 1px solid transparent}
	#sidemenu_hideshow i.left1{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); top: 0px;}
	.right-panel>.p_30 {padding:30px 15px;}
	.dimmed .ui.dimmer{ left: 0 !important }
	.dataTables_paginate.paging_simple_numbers{ text-align: center; }
	.dataTables_wrapper .ui.stackable.menu.pagination, .dataTables_info{ /*width: 100% !important;*/ display: inline-block !important; text-align: center; }
	.dataTables_info{width: 100% !important;}
	.dataTables_wrapper .ui.stackable.menu.pagination .item.paginate_button { width: auto !important; display: inline-block;}
	.dataTables_wrapper .ui.stackable.grid > .row > .wide.column{ width: 50% !important } 
	.dataTables_wrapper .ui.stackable.grid > .row > .wide.column label{  }
	.p_desc .ui.basic.table tbody tr{ border: none !important; box-shadow:none !important; }
}

@media only screen and (max-width: 650px) {
	.top-search .search-area{ margin-left: 0 !important; width: 66%; }
	.user-profile .content.m_t30{ padding-top: 10px !important }
}

@media only screen and (max-width: 600px) {
	.image_grid {height: 180px;}
	.img-cnt{ height: auto; width: 100% }
	ul.thumb-img {text-align: center;}
    .popupimg{ border: none }
    .like-fav { display: inline-block !important;}
	.p_desc .like-fav .pull-left{ float: left !important; clear: unset !important; margin-bottom: 0 !important}
	.p_desc .like-fav .pull-right{ float: right !important; clear: unset !important; }
	.p_desc .ui.basic.table tbody tr{border-bottom: none; box-shadow:none !important; padding: 0 !important}
	.ui.modal {width: 90% !important;}
	.login_area{ width: 90% }
	.login-img {width: 60px; height: 60px;} 
	.login-img img {vertical-align: -35px;}
	/*.like-fav .theme.button, .like-fav .ui.basic.blue1.button {padding:5px 5px 5px 3px;}*/
	.like-fav .blue1.label, .like-fav .theme.label {font-size: 11px !important; line-height: 100% !important; padding: 0 3px !important;}
	.img-cnt .p_desc h4 { padding: 10px 10px 5px 20px;}
	#image-zoom i.close {right: -13px !important; top: -5px !important;}
	.top-icon .circular.labels {top: -7px;}
	.dataTables_wrapper .ui.stackable.grid > .row > .wide.column{ width: 100% !important; text-align: left !important; } 
	.img-desc .popupimg{ width: 100% }
	.img-cnt .p_desc {margin-bottom: 60px;}
	.like-cmt{ position: relative; bottom: 0 }
} 

@media only screen and (max-width: 500px) {
	.image_grid {height: 150px;}
}

@media only screen and (max-width: 470px) {
	.image_grid {height: 130px;}
	.pop_option div div{ font-size: 11px;  line-height: 130% }
	.pop_option div span{ font-size: 16px }
	.login_area .pull-left, .login_area .pull-right{ float: none; width: 100%; text-align: center; margin: 10px auto  }
	.login_area	.p_30{ padding: 20px }
	.user-profile .header{font-size: 16px !important;}
	.thumb-img li a{ width: 50px; height: 50px }
	.user-profile .action{ margin-top: 10px }
	.notification-daily.ui.dropdown > .left.menu {right: -110px !important;}
	.notification-daily.ui.dropdown .menu::before, .notification-daily.ui.dropdown .menu::after { left: 168px !important;}
}

@media only screen and (max-width: 400px) {
	.image_grid {height: 105px;}

}

@media only screen and (min-width: 768px) and (max-width: 1100px) {
	
}

/*********** Crome *****************/
@media screen and (-webkit-min-device-pixel-ratio:0) {
 #sidemenu_hideshow i.left1{ top: -2px }
}

/* Any Firefox */
@-moz-document url-prefix() { 
}

/*Firefox 2*/
html>/**/body .top-right-menu, x:-moz-any-link {
  min-width: 110px;
}

html>/**/body .has-error, x:-moz-any-link {
  display: inline-block !important; width: 100% !important; position: relative !important;
}
html>/**/body .has-error.ui.input input, x:-moz-any-link {
  width: 100% !important; 
}

html>/**/body  .has-error .help-block, x:-moz-any-link {
	width: 100% !important; display: inline-block; left: 0
	}


/*Firefox 3*/
html>/**/body .selector, x:-moz-any-link, x:default {
  color:lime;
}