@font-face {
  font-family: 'UAEDirham';
  src: url('UAEDirham.woff2') format('woff2'),
       url('UAEDirham.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@media screen and (min-width: 4500px) {

    .box-detail.blog p,
    .box-detail.res-width p {
        display: none
    }

    .categorie-section h5 {
        margin-top: -74px;
        padding: 19px 15px
    }

    .boxes {
        margin-top: -54px
    }

    .nav>li>a {
        padding: 10px 3px
    }

    .box-detail.description.res-width {
        padding: 39.8px 30px
    }

    .box-detail.boxs {
        padding: 30.8px 25px
    }

    .box-detail.blog {
        padding: 29.5px 30px
    }
}

@media screen and (min-width: 1025px) and (max-width: 1199px) {
    .nav>li>a {
        padding: 0 13px
    }

    .navbar-default .navbar-nav>li>a {
        font-size: 12px
    }

    .slider-section figcaption {
        padding: 10px
    }

    .slider-btn .itg-btn.box-btn {
        padding: 5px 30px
    }

    .categorie a i {
        padding: 20px;
        width: 70px;
        height: 70px
    }

    .box-text h3,
    .box-text h5 {
        font-size: 14px
    }

    .boxes {
        padding: 0 0 0 25px;
        margin-top: -22px
    }

    .box-detail.box-details,
    .box-detail.details {
        padding: 15px
    }

    .box-detail h3,
    .box-detail h4,
    ul.text-size p {
        font-size: 16px
    }

    .box-detail.box-details h5,
    ul.stars li {
        font-size: 12px;
        top: 5px
    }

    .newsletter ul li {
        padding: 7px;
        margin-top: 9px
    }

    .awesome-spot h4 {
        font-size: 12px
    }

    .box-detail.description {
        padding: 12px 10px
    }

    .sm-b h4 {
        font-size: 18px;
        margin-bottom: 7px;
        margin-top: 0
    }

    .cart-detail h4,
    .status {
        margin-top: 30px
    }

    .box-detail h4 {
        font-size: 14px
    }

    .box-detail.boxs {
        padding: 7px 10px
    }

    .coupons .box-detail.details.detail {
        padding: 24.5px
    }

    .box-detail.box-f {
        padding: 37px
    }

    .box-c .box-detail {
        padding: 20px
    }

    .mar-res .box-c .box-detail {
        padding: 18px
    }

    .cart-detail h4 {
        font-size: 15px
    }

    .cart-input,
    h3.cart-price {
        font-size: 18px;
        margin-top: 30px
    }

    .searchbar button {
        padding: 6px 35px
    }

    .cart {
        padding: 30px 30px 0
    }

    .cart h4 {
        margin-bottom: 30px
    }

    a.itg-btn.cart-btn.wishlist {
        padding: 10px 16px;
        font-size: 12px
    }

    .blognav .owl-nav,
    .couponnav .owl-nav,
    .partnernav .owl-nav,
    .slidernav .owl-nav {
        max-width: 920px
    }

    .box-b.box-e.boxx {
        padding: 54px 0
    }

    ul.nav.navbar-nav.vertical-menu li a {
        padding: 10.5px 13px
    }

    .section-box h5 {
        margin-top: 13px
    }

    .boxbg h3,
    .boxbggg {
        width: 75%
    }

    .section-box h3 {
        font-size: 18px
    }

    .categorie-section h5 {
        margin-top: -58px;
        padding: 17px 10px;
        font-size: 16px
    }

    .categorie-section i {
        margin-left: 41px
    }

    .box-x .box-detail {
        padding: 31.5px
    }

    .box-detail.blog h4 {
        margin-bottom: 0
    }

    .box-detail.blog {
        padding: 2px 20px
    }

    .section-box.cart-box p {
        margin-top: 4px;
        margin-left: -27px
    }
}

@media screen and (min-width: 992px) and (max-width: 1024px) {
    .nav>li>a {
        padding: 0 13px
    }

    .boxbg h3,
    .boxbggg {
        width: 75%
    }

    .box-x .box-detail {
        padding: 31px
    }

    .section-box h3 {
        font-size: 18px
    }

    .categorie-section h5 {
        margin-top: -58px;
        padding: 17px 10px;
        font-size: 16px
    }

    .categorie-section i {
        margin-left: 41px
    }

    ul.nav.navbar-nav.vertical-menu li a {
        padding: 10.5px 13px
    }

    .section-box h5 {
        margin-top: 13px
    }

    .navbar-default .navbar-nav>li>a {
        font-size: 12px
    }

    .slider-section figcaption {
        padding: 10px
    }

    .slider-btn .itg-btn.box-btn {
        padding: 5px 20px
    }

    .categorie a i {
        padding: 20px;
        width: 70px;
        height: 70px
    }

    .box-text h3,
    .box-text h5 {
        font-size: 14px
    }

    .boxes {
        padding: 0 0 0 25px;
        margin-top: -22px
    }

    .box-detail.box-details,
    .box-detail.details {
        padding: 15px
    }

    .box-detail h3,
    .box-detail h4,
    ul.text-size p {
        font-size: 16px
    }

    .box-detail.box-details h5,
    ul.stars li {
        font-size: 12px;
        top: 5px
    }

    .newsletter ul li {
        padding: 7px;
        margin-top: 9px
    }

    .awesome-spot h4 {
        font-size: 12px
    }

    .box-detail.description {
        padding: 12px 10px
    }

    .sm-b h4 {
        font-size: 18px;
        margin-bottom: 7px;
        margin-top: 0
    }

    .cart-detail h4,
    .status {
        margin-top: 30px
    }

    .box-detail h4 {
        font-size: 14px
    }

    .box-detail.boxs {
        padding: 7.3px 10px
    }

    .coupons .box-detail.details.detail {
        padding: 24.5px
    }

    .box-detail.box-f {
        padding: 37px
    }

    .box-c .box-detail {
        padding: 20px
    }

    .mar-res .box-c .box-detail {
        padding: 18px
    }

    .cart-detail h4 {
        font-size: 15px
    }

    .cart-input,
    h3.cart-price {
        font-size: 18px;
        margin-top: 30px
    }

    .searchbar button {
        padding: 6px 35px
    }

    .cart {
        padding: 30px 30px 0
    }

    .cart h4 {
        margin-bottom: 30px
    }

    a.itg-btn.cart-btn.wishlist {
        padding: 10px 16px;
        font-size: 12px
    }

    .blognav .owl-nav,
    .couponnav .owl-nav,
    .partnernav .owl-nav,
    .slidernav .owl-nav {
        max-width: 920px
    }

    .box-b.box-e.boxx {
        padding: 54px 0
    }

    .box-detail.blog h4 {
        margin-bottom: 0
    }

    .box-detail.blog {
        padding: 2px 20px
    }

    .section-box.cart-box p {
        font-size: 10px;
        margin-top: 8px;
        margin-left: -27px
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .nav>li>a {
        padding: 0 2px
    }

    .box-detail.blog {
        padding: 4.5px 20px
    }

    .box-detail.blog h4 {
        margin-bottom: 0
    }

    .categorie-section i {
        margin-left: 26px
    }

    .categorie-section h5 {
        margin-top: -58px;
        padding: 20px 10px
    }

    ul.nav.navbar-nav.vertical-menu li a {
        padding: 5.5px 10px
    }

    .box-detail.boxs h4 {
        font-size: 14px
    }

    .header-searchbar select {
        width: 28%;
        padding: 0
    }

    [class*=" flaticon-"]:after,
    [class*=" flaticon-"]:before,
    [class^="flaticon-"]:after,
    [class^="flaticon-"]:before {
        font-family: Flaticon;
        font-size: 20px;
        font-style: normal
    }

    .section-box h3 {
        font-size: 15px
    }

    .awesome-spot h4,
    .navbar-default .navbar-nav>li>a,
    .slider-section h5 {
        font-size: 12px
    }

    .symbol i {
        top: 2px
    }

    .section-box h5 {
        font-weight: 700
    }

    .custom-nav {
        top: -88px
    }

    .boxbg h3,
    .boxbgg,
    .boxbggg {
        width: 75%
    }

    .blognav .owl-nav,
    .couponnav .owl-nav,
    .partnernav .owl-nav,
    .slidernav .owl-nav {
        max-width: 700px
    }

    .ask-btn {
        margin-bottom: 30px
    }

    .slider-btn {
        display: none
    }

    .slider-section figcaption {
        padding: 10px
    }

    .slider-section .owl-next,
    .slider-section .owl-prev {
        margin-top: -20px
    }

    .boxes {
        padding: 0;
        margin-top: -17.5px
    }

    .box-text h3,
    .box-text h5 {
        font-size: 10px
    }

    .box-icon i {
        font-size: 30px
    }

    .box-detail {
        padding: 15px
    }

    .box-detail h4 {
        font-size: 12px
    }

    ul.stars li {
        font-size: 10px
    }

    .slider-second ul.stars li {
        font-size: 15px
    }

    ul.stars {
        margin-top: -5px
    }

    .box-detail p {
        font-size: 13px
    }

    .box-detail h3,
    ul.text-size p {
        font-size: 14px
    }

    .box-detail.box-details h5 {
        margin-top: -3px
    }

    .slider-second .box-detail h4 {
        font-size: 20px
    }

    .brand-img {
        text-align: center
    }

    .newsletter {
        padding: 20px 10px
    }

    .newsletter ul li {
        padding: 4px;
        margin-top: 0
    }

    .newsletter ul {
        margin-top: 7px
    }

    .newsletter h3,
    .newsletter h5 {
        font-size: 16px
    }

    .newsletter h5 {
        font-size: 12px
    }

    .newsletter-bar {
        margin-top: 4px
    }

    .submit {
        margin-top: -12px
    }

    .main-footer h4 {
        font-size: 13px
    }

    .cart-icon i[class^="flaticon-"]:before,
    .sm-b h4,
    [class*=" flaticon-"]:after,
    [class*=" flaticon-"]:before,
    [class^="flaticon-"]:after {
        font-size: 18px
    }

    .sm-b h4 {
        margin-bottom: 7px;
        margin-top: 0
    }

    .box-detail.description {
        padding: 4.5px 10px
    }

    .cart-icon {
        width: 26px;
        height: 27px;
        padding: 0 4px;
        font-size: 14px;
        margin-top: 2px
    }

    .cart-detail h4,
    .status {
        margin-top: 20px
    }

    .pagination-box span {
        font-size: 20px;
        padding: 0 5px
    }

    .box-detail.boxs {
        padding: 2.5px 10px
    }

    .coupons .box-detail.details.detail {
        padding: 26.5px
    }

    ul.fonts li {
        font-size: 11px
    }

    .box-c .box-detail h4,
    .box-c ul.fonts {
        margin-bottom: 0
    }

    .box-c .box-detail {
        padding: 10px
    }

    .mar-res .box-c .box-detail {
        padding: 6px
    }

    .categorie-box h3 {
        font-size: 18px
    }

    .cart-detail h4 {
        font-size: 11px
    }

    .cart-input,
    h3.cart-price {
        font-size: 18px;
        margin-top: 20px
    }

    .searchbar button {
        padding: 6px 35px
    }

    .cart {
        padding: 30px 30px 0
    }

    .cart h4 {
        margin-bottom: 30px
    }

    a.itg-btn.cart-btn.wishlist {
        padding: 10px 14px;
        font-size: 12px
    }

    .store h3 {
        font-size: 20px
    }

    .box-b.box-e {
        padding: 42px 0
    }

    .box-x .box-detail {
        padding: 20px
    }

    .section-box.cart-box p {
        font-size: 10px;
        margin-top: 8px;
        margin-left: -27px
    }
}

@media screen and (max-width: 767px) {

    .box-a img,
    .box-c img,
    .cart-detail img,
    .loader-center,
    .navbar-brand {
        width: 100%
    }

    .box-b.box-e,
    .box-detail.box-f,
    .box-detail.details.detail {
        border: none
    }

    .itg-btn.cart-btn.wishlist {
        margin-bottom: 30px
    }

    .navbar-nav>li {
        float: none
    }

    .navbar-brand {
        position: relative;
        float: left
    }

    .box-detail.details .itg-btn.box-btn.black {
        display: table;
        margin: 0 auto
    }

    .ask-btn,
    .footer-logo,
    .tags {
        margin-bottom: 30px
    }

    .navbar-nav .open .dropdown-menu {
        padding: 0
    }

    .navbar-nav .dropdown-menu {
        position: relative !important;
        width: 100%;
        float: inherit
    }

    .section-box i[class^="flaticon-"]:before,
    [class*=" flaticon-"]:after,
    [class*=" flaticon-"]:before,
    [class^="flaticon-"]:after {
        font-size: 24px
    }

    .contact-menu {
        margin-left: 0
    }

    .navbar-nav>li>a {
        padding-top: 7px
    }

    .navbar-default .navbar-nav>li>a {
        padding-left: 0;
        text-align: left
    }

    .box-detail.box-f,
    .cart-detail h4,
    .cart-input,
    .coupons .xs-btn,
    .loader-center,
    .shopping-cart,
    h3.cart-price {
        text-align: center
    }

    .navbar-default .navbar-nav .dropdown-menu>li>a:hover {
        background-color: transparent
    }

    .dropdown-menu>li>a:hover,
    .navbar-default .navbar-nav .dropdown-menu>li>a:hover {
        color: #000;
        background: 0 0 !important
    }

    .awesome-spot {
        margin-top: 30px
    }

    .ask-btn {
        float: left
    }

    .pagination-box span {
        font-size: 18px;
        padding: 0 5px
    }

    .box-r {
        padding-right: 15px
    }

    .box-l {
        padding-left: 15px
    }

    .navbar-nav .dropdown-menu {
        background: 0 0
    }

    .coupons .box-detail.details.box-detail.details {
        margin-bottom: 0;
        text-align: center
    }

    .scissor {
        display: none
    }

    .box-detail.box-f .itg-btn.box-btn {
        display: table;
        margin: 0 auto
    }

    .box-c.mar-res,
    .latest-blog .box-a,
    .mar-res {
        margin-bottom: 0
    }

    .mr-xs {
        margin-bottom: 30px
    }

    .section-box.cart-box .itg-btn.cart-btn {
        display: table;
        margin: 0 auto
    }

    .shopcart-box {
        display: none
    }

    .section-box.cart-box p {
        font-size: 15px
    }

    a.itg-btn.cart-btn {
        display: table;
        margin: 0 auto
    }

    .cart h4 {
        margin-bottom: 20px;
        font-size: 13px
    }

    .cart {
        padding: 30px 30px 0
    }

    .cart-xs {
        margin-top: 0
    }

    .store {
        padding: 10px
    }

    .custom-nav {
        position: relative;
        top: 0
    }

    .custom-nav .owl-nav {
        position: relative;
        left: 50%;
        margin-left: -40px;
        display: inline-block;
        top: 20px
    }

    .slidernav .owl-prev {
        float: left;
        left: 0;
        position: relative
    }

    .slidernav .owl-next {
        float: right;
        right: -10px;
        position: relative
    }

    .couponnav .owl-prev {
        float: left;
        left: 0;
        position: relative
    }

    .couponnav .owl-next {
        float: right;
        left: 10px;
        position: relative
    }

    .blognav .owl-prev {
        float: left;
        left: 0;
        position: relative
    }

    .blognav .owl-next {
        float: right;
        right: -10px;
        position: relative
    }

    .partnernav .owl-prev {
        float: left;
        left: 0;
        position: relative
    }

    .partnernav .owl-next {
        float: right;
        right: -10px;
        position: relative
    }

    .navbar-collapse,
    .navbar-nav {
        padding-right: 0
    }

    ul.nav.navbar-nav.sm i {
        float: right
    }

    .categories,
    .categoriess {
        margin-bottom: 5px
    }

    .submit .itg-btn {
        padding: 11px 20px
    }

    .boxbg {
        width: 70%
    }

    .box-r img,
    .boxbgg,
    .boxbggg,
    .brand-img figure img {
        width: 100%
    }

    .middle ul li {
        float: none;
        margin-left: 0
    }

    .navbar-toggle {
        margin-top: 6px
    }

    .box-x .box-detail {
        padding: 20px
    }

    .contacts {
        margin-top: 0
    }

    .box-detail.boxs {
        padding: 14.4px 5px
    }

    .header-searchbar input[type="text"] {
        font-size: 10px
    }
}

@media screen and (min-width: 641px) and (max-width: 767px) {

    .contact:before,
    .contacts:after,
    .slider-btn {
        display: none
    }

    .brand-img,
    .section-box,
    .section-box h3 {
        text-align: center
    }

    .section-box i {
        margin-right: 0;
        margin-left: 0
    }

    .slider-section figcaption {
        padding: 10px
    }

    .contact,
    .contacts {
        float: none;
        text-align: center
    }

    #top-bar-sec {
        padding: 5px 0
    }

    .navbar-brand>img {
        padding: 17px 0
    }

    .slider-section .owl-prev {
        top: 43%;
        left: 0
    }

    .slider-section .owl-next {
        top: 43%;
        right: 0
    }

    .our-categorie .owl-prev {
        top: 54%;
        left: 0
    }

    .our-categorie .owl-next {
        top: 54%;
        right: 0
    }

    .boxes {
        margin-top: -30px;
        padding: 0 0 0 24px
    }

    .box-text h3,
    .box-text h5 {
        font-size: 19px
    }

    .section-box h5 {
        margin-top: -45px
    }

    .box1 {
        padding-top: 0
    }

    .box-detail,
    .section-box {
        padding: 15px
    }

    .box-detail h3,
    ul.text-size p {
        font-size: 18px
    }

    .section-box h3 {
        font-size: 19px
    }

    .coupons-section.slidernav .owl-nav {
        left: 50%
    }

    .box-detail.details.box-detail.details,
    .latest-blog .box-c {
        margin-bottom: 30px
    }

    .newsletter {
        padding: 20px 10px
    }

    .newsletter ul li {
        padding: 6px
    }

    .newsletter ul {
        float: left
    }

    .slider-section h5 {
        font-size: 10px
    }

    .searchbar button {
        right: 25%;
        padding: 6px 40px
    }

    .searchbar input[type="text"] {
        width: 50%
    }

    .coupon-detail h4:after {
        left: 100%
    }

    .copyright-section p {
        font-size: 13px
    }

    .brand-img h4 {
        font-size: 18px;
        margin-top: -20px
    }

    .slider-section .owl-carousel .owl-item img {
        height: 380px
    }
}

@media screen and (min-width: 481px) and (max-width: 640px) {

    .contact:before,
    .contacts:after,
    .slider-btn {
        display: none
    }

    .box,
    .box-detail.details.box-detail.details,
    .latest-blog .box-c {
        margin-bottom: 30px
    }

    .brand-img,
    .section-box,
    .section-box h3,
    .section-box h4 {
        text-align: center
    }

    [class*=" flaticon-"]:after,
    [class*=" flaticon-"]:before,
    [class^="flaticon-"]:after,
    [class^="flaticon-"]:before {
        font-family: Flaticon;
        font-size: 20px;
        font-style: normal
    }

    .copyright-section p {
        font-size: 13px
    }

    .section-box i {
        margin-left: 0
    }

    .section-box h5 {
        margin-top: -34px
    }

    .symbol i {
        top: 2px
    }

    .searchbar button {
        right: 10%;
        padding: 6px 30px
    }

    .searchbar input[type="text"] {
        width: 80%
    }

    .slider-section h4 {
        font-size: 10px
    }

    .slider-section figcaption {
        padding: 10px
    }

    .contact,
    .contacts {
        float: none;
        text-align: center
    }

    #top-bar-sec {
        padding: 5px 0
    }

    .navbar-brand>img {
        padding: 17px 0
    }

    .slider-section .owl-prev {
        top: 43%;
        left: 0;
        padding: 1px 7px;
        width: 30px;
        height: 30px
    }

    .slider-section .owl-next {
        top: 43%;
        right: 0;
        padding: 1px 7px;
        width: 30px;
        height: 30px
    }

    .our-categorie .owl-prev {
        top: 54%;
        left: 0
    }

    .our-categorie .owl-next {
        top: 54%;
        right: 0
    }

    .boxes {
        margin-top: -30px;
        padding: 0 0 0 24px
    }

    .box-text h3,
    .box-text h5 {
        font-size: 19px
    }

    .box1 {
        padding-top: 0
    }

    .box-detail,
    .section-box {
        padding: 15px
    }

    .box-detail h3,
    ul.text-size p {
        font-size: 18px
    }

    .section-box h3 {
        font-size: 12px
    }

    .coupons-section.slidernav .owl-nav {
        left: 50%
    }

    .newsletter {
        padding: 20px 10px
    }

    .newsletter ul li {
        padding: 6px
    }

    .newsletter ul {
        float: left
    }

    .coupon-detail h4:after {
        border-right: none
    }

    .brand-img h4 {
        font-size: 16px;
        margin-top: -20px
    }

    .slider-section .owl-carousel .owl-item img {
        height: 300px
    }

    .header-searchbar select {
        padding: 0
    }
}

@media only screen and (min-width: 320px) and (max-width: 480px) {

    .brand-img,
    .section-box,
    .section-box h3,
    .section-box h5 {
        text-align: center
    }

    .contact:before,
    .contacts:after,
    .slider-btn {
        display: none
    }

    .slider-section .owl-carousel .owl-item img {
        height: 250px
    }

    .contact,
    .contacts {
        float: none;
        text-align: center
    }

    #top-bar-sec {
        padding: 5px 0
    }

    .slider-section .owl-prev {
        top: 43%;
        left: 0;
        padding: 1px 7px;
        width: 30px;
        height: 30px
    }

    .slider-section .owl-next {
        top: 43%;
        right: 0;
        padding: 1px 7px;
        width: 30px;
        height: 30px
    }

    .our-categorie .owl-prev {
        top: 54%;
        left: 0
    }

    .our-categorie .owl-next {
        top: 54%;
        right: 0
    }

    .boxes {
        margin-top: -21.5px;
        padding: 0 0 0 24px
    }

    .box-text h3,
    .box-text h5 {
        font-size: 12px
    }

    .box1 {
        padding-top: 0
    }

    .box-detail,
    .section-box {
        padding: 15px
    }

    .box-detail h3,
    ul.text-size p {
        font-size: 18px
    }

    .section-box h3 {
        font-size: 19px;
        width: 100%
    }

    .coupons-section.slidernav .owl-nav {
        left: 50%
    }

    .box-detail.details.box-detail.details,
    .latest-blog .box-c {
        margin-bottom: 30px
    }

    .newsletter {
        padding: 20px 10px
    }

    .newsletter ul li {
        padding: 6px
    }

    .newsletter ul {
        float: left
    }

    .slider-section h4,
    .slider-section h5 {
        font-size: 10px
    }

    .slider-section figcaption {
        padding: 5px
    }

    .searchbar button {
        right: 0;
        padding: 6px 30px
    }

    .store h3 {
        font-size: 8px;
        margin-top: 15px
    }

    .coupon-detail h4,
    .store select {
        font-size: 15px
    }

    .coupon-detail h4:after {
        border-right: none
    }

    .store select {
        width: 50px;
        padding: 0 5px
    }

    .coupon-detail {
        padding: 60px 0
    }

    .section-box i {
        margin-left: 0
    }

    .boxbg,
    .boxbgg,
    .boxbggg {
        width: 100%
    }

    .header-searchbar select {
        width: 31%;
        padding: 0;
        font-size: 10px
    }

    .header-searchbar button {
        padding: 0 15px
    }

    .brand-img h4 {
        font-size: 15px;
        margin-top: -25px
    }
}
@media screen and (max-width: 765px) {
    .header-searchbar{
        width: 100%;
    }
}