@media screen and (min-width: 992px) {
.hideincomputer{display: none;}
#country-list{float:left;list-style:none;margin-top:50px;margin-left:120px;padding:0;width:250px;position: absolute;z-index: 9;}
#country-list li{padding: 10px; background: white; border-bottom: #bbb9b9 1px solid;}
#country-list li:hover{background:#00aeef;cursor: pointer; color: white;}
html.mm-right.mm-opening .mm-menu~.mm-slideout {
    -webkit-transform: translate(0%, 0)!important;
    -ms-transform: translate(0%, 0)!important;
    transform: translate(0%, 0)!important;
    -webkit-transform: translate3d(0%, 0, 0)!important;
    transform: translate3d(-0px, 0, 0) !important;
}
.mm-menu.mm-offcanvas {
    z-index: 9;
    display: none;
    position: absolute;
    right: 13.5%;
}
.nav-category ul, .nav-category li, .nav-category a {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	font-weight: normal;
	text-decoration: none;
	line-height: 1;
	font-size: 1em;
	position: relative;
}
.nav-category a {
	line-height: 1.3;
}
.nav-category a .res-img {display:none;}
.nav-category {
	width: 100%;
	border: 2px #ffcc0b solid;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 4px;
    padding: 10px;
}
.nav-category > ul > li > a {
	font-size: 16px;
	font-weight: 300;
	display: block;
	color: #000;
}
.nav-category > ul > li > a > span {
	display: block;
	padding: 10px 0px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.nav-category > ul > li > a:hover {
	text-decoration: none;
}
.nav-category > ul > li.active {
	border-bottom: none;
}
.nav-category > ul > li.has-sub > a span {
	background: url(../images/icons/icon-plus.png) 99% center no-repeat;
}
.nav-category > ul > li.has-sub.active > a span {
	background: url(../images/icons/icon-minus.png) 99% center no-repeat;
}
/* Sub menu */
.nav-category ul ul {
	display: none;
    background: #f6f6f6;
    padding: 5px;
}
.nav-category ul ul li {
	padding: 0;
	border-bottom: 1px solid #d4d4d4;
	border-top: none;
}
.nav-category ul ul li:last-child {
	border-bottom: none;
}
.nav-category ul ul a {
    padding: 6px 0;
	display: block;
	color: #676767;
	font-size: 13px;
	font-weight: normal;
}
.nav-category ul ul a:hover {margin-left:5px;}

}
@media screen and (max-width: 1400px) {
.mm-menu.mm-offcanvas {right: 7.5%;}
}
@media screen and (max-width: 1280px) {
.mm-menu.mm-offcanvas {right: 2.5%;}
}

@media screen and (max-width: 1199px) {
.top-mnu a {margin-left: 0px !important;font-size: 12px;}
}


@media screen and (max-width:991px) {
.mm-menu.mm-offcanvas {
    z-index: 0;
    display: none;
    position: fixed;    right: 0;
}
.mm-listview .res-menu{display:block !important;}
 .top-mnu {margin-top: 35px !important;}
 header .col-md-4 {margin-top: 15px;}
.catagory-grid .top-image i, .res-logo,.catagory-grid .top-image .res-img {display:block;}
.catagory-grid .top-image img,.top-mnu a:nth-child(1),
.top-mnu a:nth-child(2),.desk-logo,.subnav,
.top-mnu a:nth-child(3) span,.catagory-grid .top-image:after{display:none;}
.location {width: 100%;}
.location select {border-right: 1px solid #00aeef;font-size: 12px;}
.top-mnu a:nth-child(3) {margin-top: 2px;margin-right:15px;padding:5px 10px;}
.top-mnu a:nth-child(3) i {margin-right: 0;}
.top-image .caption,.top-image .caption p {background-color: transparent;color: #000;position: inherit;}
.catagory-grid .top-image {min-height: 145px;}
.top-image .caption {min-height: 50px;}
.catagory-grid .top-image .res-img{    width: auto;    margin: 0 auto 15px auto;    height: 60px;}
.search {width: calc(100% - -470px);left: -57%;top: 32px;}
.search input{border-left: 1px solid #00aeef !important;}
header {padding-bottom: 50px;}
.main-banner .owl-nav button {top:17%;}
.inn-sec > .col-md-3,.inn-sec .col-md-9{width: 100%;flex: 0 0 100%;max-width: 100%;}
.nav-category{display:none;}
.responsive-cata-list{
	display: inline-block;
    height: 165px;
    width: 100%;
    overflow-y: scroll;
    margin-bottom: 30px;}
.responsive-cata-list li{margin-bottom: 25px;}
.responsive-cata-list li a{
    float: left;
    color: #000;
    display: inline-block;
    width: 25%;
    text-align: center;
    font-size: 13px;
    min-height: 85px;
    }
.responsive-cata-list li a img{width: auto;margin: 0 auto;height: 45px;}
.catagories-grid .related-text {min-height: 170px;}
.catagories-detail .form-group {width: 46%;}
.catagory-grid .top-image h3 {font-size: 14px;}
}
@media screen and (max-width: 767px) {
.logo{width:25%;}
header .col-md-4 {width: 50%;float: left;}
.main-banner .owl-dots {top: -20px !important;}
header .left {width: calc(100% - 100px);}
header .right {width: 80px;    float: right; }
.serarch-blog {width: 65%;margin: 13px 0 0 0;}
.footer-top .float-left {width: 50%;}
.footer-top .col-md-6{width:50%;float:left;}
.footer-top .logo {width: 120%;}
.footer-mid{display:none;}
.responsive-link{display: block !important;}
footer {padding-bottom: 35px;}
.location {top: 20px;}
.search {width: calc(100% - -275px);left: -52%;top: 45px;}
}
@media screen and (max-width:568px) {
.catagory-grid {width: 50%;float: left;}
.relateddeal-caro .owl-nav button.owl-next {right: -10px;}
.relateddeal-caro .owl-nav button {left: -20px;}
.footer-top .float-right a {font-size: 15px;}
.footer-bottom-right,.footer-bottom-left{float: none;clear: both;text-align: left;}
.footer-bottom p {text-align: center;}
.logo {width: 35%;}
.search {width: calc(100% - -255px);top: 85px;}
.view-cata {display: none;}
.mobilehide {display: none;}
.nav-category li {width: 50%;}
.catagories-grid .related-text {min-height: auto;border-bottom: none;}
.catagories-grid {border-bottom: 1px solid #ccc;}
.catagories-detail .form-group {width: 100%;}
}
@media screen and (max-width:480px) {
 header .col-md-4 {width: 100%;margin-top: 20px !important;}
.search {width: calc(100% - -225px);left: -76%;top: 40px;}
#country-list{float:left;list-style:none;padding-top:110px;width:250px;position: absolute;z-index: 9;left: 5%;}
#country-list li{padding: 10px; background: white; border-bottom: #bbb9b9 1px solid;}
#country-list li:hover{background:#00aeef;cursor: pointer; color: white;}
}  
@media screen and (max-width:375px) {
.search {width: calc(100% - -210px);left: -79%;top: 43px;}
.main-banner .owl-nav button {top: -1%;}
#country-list{float:left;list-style:none;padding-top:110px;width:250px;position: absolute;z-index: 9;left: 5%;}
#country-list li{padding: 10px; background: white; border-bottom: #bbb9b9 1px solid;}
#country-list li:hover{background:#00aeef;cursor: pointer; color: white;}
}