@media (max-width:1280px) {
    /* Top Header  */
    .top-header {
        display: none;
    }
    .logo {
        margin-top: 0;
        padding: 0;
    }
    .logo img {
        max-width: 120px;
    }
    .logo {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 46px;
        padding-left: 15px;
        float: none;
    }
    .logo2 {
        display: none;
    }
    nav {
        width: 100%;
    }
    #cssmenu {
        width: 100%;
    }
    #cssmenu .head_ul {
        display: block;
        margin: 0;
        padding: 0;
        float: unset;
    }
    #cssmenu ul li {
        width: 100%;
        border-top: 1px solid #dedede;
    }
    #cssmenu ul li:hover {
        background: #d10a11 !important;
    }
    #cssmenu>ul>li:hover>a {
        color: #fff;
    }
    #cssmenu>ul>li>a {
        padding: 15px 10px;
        font-size: 14px;
        text-transform: uppercase;
        text-decoration: none;
        color: #381457;
    }
    #cssmenu ul ul li,
    #cssmenu li:hover>ul>li {
        height: auto;
    }
    #cssmenu ul li a,
    #cssmenu ul ul li a {
        width: 100%;
        border-bottom: 0;
    }
    #cssmenu>ul>li {
        float: none;
    }
    #cssmenu ul ul li a {
        padding-left: 25px;
    }
    #cssmenu ul ul li {
        background: #333 !important;
    }
    #cssmenu ul ul li:hover {
        background: #363636 !important;
    }
    #cssmenu ul ul ul li a {
        padding-left: 35px;
    }
    #cssmenu ul ul li a {
        color: #ddd;
        background: none;
    }
    #cssmenu ul ul li:hover>a,
    #cssmenu ul ul li.active>a {
        color: #fff;
    }
    #cssmenu ul ul,
    #cssmenu ul ul ul {
        position: relative;
        left: 0;
        width: 100%;
        margin: 0;
        text-align: left;
    }
    #cssmenu>ul>li.has-sub>a:after,
    #cssmenu>ul>li.has-sub>a:before,
    #cssmenu ul ul>li.has-sub>a:after,
    #cssmenu ul ul>li.has-sub>a:before {
        display: none;
    }
    #cssmenu #head-mobile {
        display: block;
        padding: 23px;
        color: #ddd;
        font-size: 12px;
        font-weight: 700;
    }
    .search-top a {
        width: 100%;
        margin: 5px 0px 40px 0px;
        padding: 0;
    }
    .search-top i {
        width: 100%;
    }
    .cart {
        position: absolute;
        right: 0;
        left: 50%;
        text-align: center;
        bottom: 7px;
        z-index: 9999;
    }
    .button_mobile {
        width: 55px;
        height: 46px;
        position: absolute;
        right: 0;
        top: 0;
        cursor: pointer;
        z-index: 12399994;
    }
    .button_mobile:after {
        position: absolute;
        top: 22px;
        right: 20px;
        display: block;
        height: 4px;
        width: 20px;
        border-top: 2px solid #222;
        border-bottom: 2px solid #222;
        content: "";
    }
    .button_mobile:before {
        -webkit-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
        position: absolute;
        top: 16px;
        right: 20px;
        display: block;
        height: 2px;
        width: 20px;
        background: rgb(85, 83, 83);
        content: "";
    }
    .button_mobile.menu-opened:after {
        -webkit-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
        top: 23px;
        border: 0;
        height: 2px;
        width: 19px;
        background: #d10a11;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .button_mobile.menu-opened:before {
        top: 23px;
        background: #d10a11;
        width: 19px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    #cssmenu .submenu-button {
        position: absolute;
        z-index: 99;
        right: 0;
        top: 0;
        display: block;
        border-left: 1px solid #444;
        height: 46px;
        width: 46px;
        cursor: pointer;
    }
    #cssmenu .submenu-button.submenu-opened {
        background: #262626;
    }
    #cssmenu ul ul .submenu-button {
        height: 34px;
        width: 34px;
    }
    #cssmenu .submenu-button:after {
        position: absolute;
        top: 22px;
        right: 19px;
        width: 8px;
        height: 2px;
        display: block;
        background: #ddd;
        content: "";
    }
    #cssmenu ul ul .submenu-button:after {
        top: 15px;
        right: 13px;
    }
    #cssmenu .submenu-button.submenu-opened:after {
        background: #fff;
    }
    #cssmenu .submenu-button:before {
        position: absolute;
        top: 19px;
        right: 22px;
        display: block;
        width: 2px;
        height: 8px;
        background: #ddd;
        content: "";
    }
    #cssmenu ul ul .submenu-button:before {
        top: 12px;
        right: 16px;
    }
    #cssmenu .submenu-button.submenu-opened:before {
        display: none;
    }
    #cssmenu ul ul ul li.active a {
        border-left: none;
    }
    #cssmenu>ul>li.has-sub>ul>li.active>a,
    #cssmenu>ul ul>li.has-sub>ul>li.active>a {
        border-top: none;
    }
    .cart-shop {
        position: absolute;
        top: 0;
        right: 33%;
        text-align: center;
        z-index: 999;
    }
    /* Slider css  */
    .ct-header h1.big {
        line-height: 1.3;
        font-size: 2rem;
    }
    .ct-header p {
        margin: 20px 0 20px 0;
        font-size: 1.5rem;
    }
    .slick-prev:after,
    .slick-next:after {
        margin-top: 1.2rem;
    }
    .slick-prev:before,
    .slick-next:before,
    .slick-prev:after,
    .slick-next:after {
        width: 15px;
    }
    .slick-next {
        right: 100px !important;
    }
    .slick-prev {
        left: 120px !important;
    }
    .slick-prev,
    .slick-next {
        display: none !important;
    }
    .ct-u-display-tablex>.inner {
        display: block;
        padding: 80px 10px;
    }
    .ct-u-display-tablex {
        height: auto !important;
    }
    .ct-desk {
        display: none !important;
    }
    .ct-mobile {
        display: block !important;
        height: auto !important;
    }
    .slick-initialized .slick-slide {
        display: block;
        min-height: 400px !important;
    }
    /* Three Categories  */
    .section-padd {
        padding: 30px 0px;
    }
    .sub-mobile {
        display: none;
    }
    .box8 .title {
        bottom: 8px;
        left: 8px;
    }
    .our-race-sub {
        margin-top: 0;
    }
    .races-in-mision {
        margin-top: 20px;
    }
    .top-marg {
        margin-top: 15px;
    }
    .inner-left {
        padding: 20px 20px;
    }
    .inner-left h2 {
        margin-bottom: 15px;
    }
    .inner-left span {
        position: absolute;
        top: 54px;
        left: 22px;
    }
    .grid figure h2,
    .grid figure p {
        font-size: 20px;
    }
    /* fixed image  */
    .section-50 {
        padding: 30px 0;
    }
    figure.effect-lily figcaption>div {
        padding: 10px;
    }
    .our-room {
        padding: 30px 0px;
    }
    .owl-carousel .owl-next,
    .owl-carousel .owl-prev {
        width: 35px;
        height: 35px;
        line-height: 35px;
    }
    .owl-carousel .owl-prev {
        right: 60px !important;
        top: -15% !important;
    }
    .owl-carousel .owl-next {
        right: 13px !important;
        top: -15% !important;
    }
    .owl-carousel {
        padding: 0;
    }
    .owl-dots {
        display: none;
    }
    .item-details p {
        margin: 0;
    }
    .shas_image_a {
        padding: 0;
        margin: 0;
    }
    .shas_image_a h2 {
        margin-bottom: 15px;
    }
    .shas_image_a span {
        position: absolute;
        top: 30px;
        left: 17px;
    }
    .owl-nav {
        position: relative !important;
        top: 0 !important;
        display: none !important;
    }
    /* Testimonial css  */
    .testimonial_section .about_content {
        padding: 15px !important;
    }
    .testimonial_section .about_content .background_layer {
        width: 100% !important;
    }
    .testimonial_section .testimonial_box {
        margin-top: 0 !important;
    }
    .testimonial_section .testimonial_box .background_layer {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .testimonial_section .testimonial_box .about_content {
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin-top: 28% !important;
    }
    .testimonial_section .testimonial_box .testimonial_container {
        margin-left: 0px !important;
    }
    .testimonial_section .testimonial_box .testimonial_container .testimonials {
        margin: 0;
        padding: 30px 0px 30px 0px !important;
    }
    .testimonial_section .testimonial_box .testimonial_container .testimonials .testimonial_content {
        margin-left: 0px !important;
        margin-top: 0 !important;
        padding: 20px !important;
        position: unset !important;
    }
    .testimonial_section .testimonial_box .testimonial_container .testimonials .images_box {
        display: none;
    }
    .owl-nav {
        position: relative !important;
        top: 0px !important;
        display: none !important;
    }
    .fixed-type {
        padding: 20px 0px 30px 0px;
    }
    .fast_del {
        padding: 20px 15px;
    }
    /* about home */
    .room_head h1 {
        font-size: 20px;
        font-weight: 500;
    }
    .room_head {
        padding: 10px 0px;
    }
    .about-home {
        margin-top: 0px;
    }
    .about-dis-none {
        display: none;
    }
    figure.effect-lily figcaption>div {
        padding: 1em;
    }
    /* Our value  */
    .dived-area {
        padding: 8px 10px;
    }
    .dived-area h3 {
        font-size: 16px;
    }
    .dived-area p {
        font-size: 10px;
    }
    .our-dis-sub p {
        margin: 0;
    }
    /* Our Available product  */
    .box .product-slide {
        max-width: 250px;
        margin: 0 auto;
    }
    /* Join Form  */
    .button-pop {
        padding: 8px 13px;
        font-size: 16px;
        z-index: 1000;
        -webkit-transform: rotate( -90deg) translate(50%, -100%);
        transform: rotate( -90deg) translate(50%, -100%) !important;
        background: #ea1d24;
        color: #fff;
        outline: none;
        animation: auto !important;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }
    .popup-flex .button-pop {
        position: fixed;
        bottom: 8%;
        z-index: 99999;
        right: -26%;
    }
    /* Form Popup  */
    .popup-content {
        width: 100%;
    }
    .popup-content span {
        right: 0;
    }
    /* About inner  */
    .about-banner {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .section-top {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .section-30 {
        padding: 0;
    }
    .rac-top-all {
        margin-top: 0;
    }
    .races-we-do ul li span {
        font-size: 12px;
    }
    .races-we-do ul li span {
        font-size: 12px;
    }
    .about_after::after {
        display: none;
    }
    .races-in {
        padding: 0;
        margin: 0;
    }
    .about_before::before {
        display: none;
    }
    .about_before img {
        right: 0;
    }
    .races-in strong {
        position: absolute;
        top: 25px;
        left: 17px;
    }
    .max-20 {
        max-width: initial !important;
        flex: auto !important;
        margin: 15px 0px;
    }
    #customers-testimonials .box {
        width: 50% !important;
        text-align: center;
        margin: 0 25% !important;
    }
    .counter {
        padding: 20px 0;
        border-radius: 5px;
        margin: 15px 0px;
    }
    .counter i {
        font-size: 26px;
        color: #ff0000;
    }
    .count-title {
        font-size: 30px;
        font-weight: 700;
        margin-top: 5px;
        text-align: center;
    }
    .count-text {
        font-size: 14px;
        color: #9e9e9e;
        margin: 8px 0px;
    }
    .races-in strong {
        position: absolute;
        top: 25px;
        left: 17px;
    }
    .max-20 {
        max-width: initial !important;
        flex: auto !important;
        margin: 15px 0px;
    }
    #customers-testimonials .box {
        width: 50% !important;
        text-align: center;
        margin: 0 25% !important;
    }
    .counter {
        padding: 20px 0;
        border-radius: 5px;
        margin: 15px 0px;
    }
    .counter i {
        font-size: 26px;
        color: #ff0000;
    }
    .count-title {
        font-size: 30px;
        font-weight: 700;
        margin-top: 5px;
        text-align: center;
    }
    .count-text {
        font-size: 14px;
        color: #9e9e9e;
        margin: 8px 0px;
    }
    /* Services  */
    .section-10 {
        padding: 10px 0px;
    }
    .feature-sec {
        margin: 0;
    }
    .feature-sec h3 {
        margin-bottom: 15px;
    }
    .feature-sec span {
        top: 35px;
    }
    /* blog  */
    .blog-urs .blog-sub {
        padding: 10px;
    }
    /* Product area css  */
    .right-area-upper .menu-button {
        display: none;
    }
    .more-button {
        display: none;
    }
    .line-header {
        position: relative;
    }
    .padding-50 {
        padding: 20px 0;
    }
    .margin-all {
        margin-top: 15px;
    }
    .projectFactsWrap {
        display: block;
    }
    .projectFactsWrap .item {
        padding: 15px;
        width: 100%;
    }
    .projectFactsWrap .item p.number {
        font-size: 30px;
    }
    .projectFactsWrap .item p {
        font-size: 16px;
    }
    .right-area-upper {
        width: 100%;
        border-bottom: 1px solid #ddd;
        display: block;
    }
    .content {
        width: 50% !important;
        float: left !important;
        margin: 0px !important;
        padding: 5px !important;
    }
    .content {
        width: 50% !important;
        float: left !important;
    }
    .ui-group,
    .ui-group .button-group {
        overflow: scroll !important;
        white-space: nowrap !important;
        display: block !important;
    }
    .pn-Advancer {
        display: none;
    }
    .pn-ProductNav {
        font-size: 14px;
    }
    .img-preview img {
        min-height: auto !important;
    }
    .cart-btn {
        font-size: 12px;
    }
    .video-description-wrapper .video-description-info {
        font-size: 14px;
    }
    .video-description-wrapper .video-description-header {
        white-space: nowrap;
        width: 160px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .cart-btn {
        font-size: 12px;
    }
    /* Contact Info  */
    .contact-a li p {
        font-size: 12px;
    }
    .contact-a li i {
        width: 80px;
        height: 80px;
        line-height: 80px;
    }
    .contact-a li span {
        font-size: 12px;
    }
    .races-conc-marg {
        padding: 20px;
        max-width: 100%;
    }
    .races-tops {
        margin-top: 15px;
    }
    .map-contact iframe {
        width: 100%;
        height: 300px;
    }
    .contact_dis button {
        margin-top: 10px;
    }
    /* Footer  */
    .footer-area {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .footer-contact {
        padding: 5px 0px;
    }
    .single-widget img {
        margin-top: 10px;
    }
}

@media (max-width:1024px) {
    /* Top Header  */
    .top-header {
        display: none;
    }
    .logo {
        margin-top: 0;
        padding: 0;
    }
    .logo img {
        max-width: 120px;
    }
    .logo {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 46px;
        padding-left: 15px;
        float: none;
    }
    .logo2 {
        display: none;
    }
    nav {
        width: 100%;
    }
    #cssmenu {
        width: 100%;
    }
    #cssmenu .head_ul {
        display: none;
        margin: 0;
        padding: 0;
        float: unset;
    }
    #cssmenu ul li {
        width: 100%;
        border-top: 1px solid #dedede;
    }
    #cssmenu ul li:hover {
        background: #d10a11;
    }
    #cssmenu>ul>li:hover>a {
        color: #fff;
    }
    #cssmenu>ul>li>a {
        padding: 15px 10px;
        font-size: 14px;
        text-transform: uppercase;
        text-decoration: none;
        color: #381457;
    }
    #cssmenu ul ul li,
    #cssmenu li:hover>ul>li {
        height: auto;
    }
    #cssmenu ul li a,
    #cssmenu ul ul li a {
        width: 100%;
        border-bottom: 0;
    }
    #cssmenu>ul>li {
        float: none;
    }
    #cssmenu ul ul li a {
        padding-left: 25px;
    }
    #cssmenu ul ul li {
        background: #333 !important;
    }
    #cssmenu ul ul li:hover {
        background: #363636 !important;
    }
    #cssmenu ul ul ul li a {
        padding-left: 35px;
    }
    #cssmenu ul ul li a {
        color: #ddd;
        background: none;
    }
    #cssmenu ul ul li:hover>a,
    #cssmenu ul ul li.active>a {
        color: #fff;
    }
    #cssmenu ul ul,
    #cssmenu ul ul ul {
        position: relative;
        left: 0;
        width: 100%;
        margin: 0;
        text-align: left;
    }
    #cssmenu>ul>li.has-sub>a:after,
    #cssmenu>ul>li.has-sub>a:before,
    #cssmenu ul ul>li.has-sub>a:after,
    #cssmenu ul ul>li.has-sub>a:before {
        display: none;
    }
    #cssmenu #head-mobile {
        display: block;
        padding: 23px;
        color: #ddd;
        font-size: 12px;
        font-weight: 700;
    }
    .search-top a {
        width: 100%;
        margin: 5px 0px 40px 0px;
        padding: 0;
    }
    .search-top i {
        width: 100%;
    }
    .cart {
        position: absolute;
        right: 0;
        left: 50%;
        text-align: center;
        bottom: 7px;
        z-index: 9999;
    }
    .button_mobile {
        width: 55px;
        height: 46px;
        position: absolute;
        right: 0;
        top: 0;
        cursor: pointer;
        z-index: 12399994;
    }
    .button_mobile:after {
        position: absolute;
        top: 22px;
        right: 20px;
        display: block;
        height: 4px;
        width: 20px;
        border-top: 2px solid #222;
        border-bottom: 2px solid #222;
        content: "";
    }
    .button_mobile:before {
        -webkit-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
        position: absolute;
        top: 16px;
        right: 20px;
        display: block;
        height: 2px;
        width: 20px;
        background: rgb(85, 83, 83);
        content: "";
    }
    .button_mobile.menu-opened:after {
        -webkit-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
        top: 23px;
        border: 0;
        height: 2px;
        width: 19px;
        background: #d10a11;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .button_mobile.menu-opened:before {
        top: 23px;
        background: #d10a11;
        width: 19px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    #cssmenu .submenu-button {
        position: absolute;
        z-index: 99;
        right: 0;
        top: 0;
        display: block;
        border-left: 1px solid #444;
        height: 46px;
        width: 46px;
        cursor: pointer;
    }
    #cssmenu .submenu-button.submenu-opened {
        background: #262626;
    }
    #cssmenu ul ul .submenu-button {
        height: 34px;
        width: 34px;
    }
    #cssmenu .submenu-button:after {
        position: absolute;
        top: 22px;
        right: 19px;
        width: 8px;
        height: 2px;
        display: block;
        background: #ddd;
        content: "";
    }
    #cssmenu ul ul .submenu-button:after {
        top: 15px;
        right: 13px;
    }
    #cssmenu .submenu-button.submenu-opened:after {
        background: #fff;
    }
    #cssmenu .submenu-button:before {
        position: absolute;
        top: 19px;
        right: 22px;
        display: block;
        width: 2px;
        height: 8px;
        background: #ddd;
        content: "";
    }
    #cssmenu ul ul .submenu-button:before {
        top: 12px;
        right: 16px;
    }
    #cssmenu .submenu-button.submenu-opened:before {
        display: none;
    }
    #cssmenu ul ul ul li.active a {
        border-left: none;
    }
    #cssmenu>ul>li.has-sub>ul>li.active>a,
    #cssmenu>ul ul>li.has-sub>ul>li.active>a {
        border-top: none;
    }
    .cart-shop {
        position: absolute;
        top: 0;
        right: 33%;
        text-align: center;
        z-index: 999;
    }
    /* Slider css  */
    .ct-header h1.big {
        line-height: 1.3;
        font-size: 2rem;
    }
    .ct-header p {
        margin: 20px 0 20px 0;
        font-size: 1.5rem;
    }
    .slick-prev:after,
    .slick-next:after {
        margin-top: 1.2rem;
    }
    .slick-prev:before,
    .slick-next:before,
    .slick-prev:after,
    .slick-next:after {
        width: 15px;
    }
    .slick-next {
        right: 100px !important;
    }
    .slick-prev {
        left: 120px !important;
    }
    .slick-prev,
    .slick-next {
        display: none !important;
    }
    .ct-u-display-tablex>.inner {
        display: block;
        padding: 80px 10px;
    }
    .ct-u-display-tablex {
        height: auto !important;
    }
    .ct-desk {
        display: none !important;
    }
    .ct-mobile {
        display: block !important;
        height: auto !important;
    }
    .slick-initialized .slick-slide {
        display: block;
        min-height: 400px !important;
    }
    /* Three Categories  */
    .section-padd {
        padding: 30px 0px;
    }
    .sub-mobile {
        display: none;
    }
    .box8 .title {
        bottom: 8px;
        left: 8px;
    }
    .our-race-sub {
        margin-top: 0;
    }
    .races-in-mision {
        margin-top: 20px;
    }
    .top-marg {
        margin-top: 15px;
    }
    .inner-left {
        padding: 20px 20px;
    }
    .inner-left h2 {
        margin-bottom: 15px;
    }
    .inner-left span {
        position: absolute;
        top: 54px;
        left: 22px;
    }
    .grid figure h2,
    .grid figure p {
        font-size: 20px;
    }
    /* fixed image  */
    .section-50 {
        padding: 30px 0;
    }
    figure.effect-lily figcaption>div {
        padding: 10px;
    }
    .our-room {
        padding: 30px 0px;
    }
    .owl-carousel .owl-next,
    .owl-carousel .owl-prev {
        width: 35px;
        height: 35px;
        line-height: 35px;
    }
    .owl-carousel .owl-prev {
        right: 60px !important;
        top: -15% !important;
    }
    .owl-carousel .owl-next {
        right: 13px !important;
        top: -15% !important;
    }
    .owl-carousel {
        padding: 0;
    }
    .owl-dots {
        display: none;
    }
    .item-details p {
        margin: 0;
    }
    .shas_image_a {
        padding: 0;
        margin: 0;
    }
    .shas_image_a h2 {
        margin-bottom: 15px;
    }
    .shas_image_a span {
        position: absolute;
        top: 30px;
        left: 17px;
    }
    .owl-nav {
        position: relative !important;
        top: 0 !important;
        display: none !important;
    }
    /* Testimonial css  */
    .testimonial_section .about_content {
        padding: 15px !important;
    }
    .testimonial_section .about_content .background_layer {
        width: 100% !important;
    }
    .testimonial_section .testimonial_box {
        margin-top: 0 !important;
    }
    .testimonial_section .testimonial_box .background_layer {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .testimonial_section .testimonial_box .about_content {
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin-top: 28% !important;
    }
    .testimonial_section .testimonial_box .testimonial_container {
        margin-left: 0px !important;
    }
    .testimonial_section .testimonial_box .testimonial_container .testimonials {
        margin: 0;
        padding: 30px 0px 30px 0px !important;
    }
    .testimonial_section .testimonial_box .testimonial_container .testimonials .testimonial_content {
        margin-left: 0px !important;
        margin-top: 0 !important;
        padding: 20px !important;
        position: unset !important;
    }
    .testimonial_section .testimonial_box .testimonial_container .testimonials .images_box {
        display: none;
    }
    .owl-nav {
        position: relative !important;
        top: 0px !important;
        display: none !important;
    }
    .fixed-type {
        padding: 20px 0px 30px 0px;
    }
    .fast_del {
        padding: 20px 15px;
    }
    /* about home */
    .room_head h1 {
        font-size: 24px;
        font-weight: 500;
    }
    .room_head {
        padding: 10px 0px;
    }
    .about-home {
        margin-top: 0px;
    }
    .about-dis-none {
        display: block;
    }
    figure.effect-lily figcaption>div {
        padding: 1em;
    }
    /* Our value  */
    .dived-area {
        padding: 8px 10px;
    }
    .dived-area h3 {
        font-size: 16px;
    }
    .dived-area p {
        font-size: 10px;
    }
    .our-dis-sub p {
        margin: 0;
    }
    /* Our Available product  */
    .box .product-slide {
        max-width: 350px;
        margin: 0 auto;
    }
    /* Join Form  */
    .button-pop {
        padding: 8px 13px;
        font-size: 16px;
        z-index: 1000;
        -webkit-transform: rotate( -90deg) translate(50%, -100%);
        transform: rotate( -90deg) translate(50%, -100%) !important;
        background: #ea1d24;
        color: #fff;
        outline: none;
        animation: auto !important;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }
    .popup-flex .button-pop {
        position: fixed;
        bottom: 8%;
        z-index: 99999;
        right: -26%;
    }
    /* Form Popup  */
    .popup-content {
        width: 100%;
    }
    .popup-content span {
        right: 0;
    }
    /* About inner  */
    .about-banner {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .section-top {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .section-30 {
        padding: 0;
    }
    .rac-top-all {
        margin-top: 0;
    }
    .races-we-do ul li span {
        font-size: 12px;
    }
    .about_after::after {
        display: none;
    }
    .races-in {
        padding: 0;
        margin: 0;
    }
    .about_before::before {
        display: none;
    }
    .about_before img {
        right: 0;
    }
    .races-in strong {
        position: absolute;
        top: 25px;
        left: 17px;
    }
    .max-20 {
        max-width: initial !important;
        flex: auto !important;
        margin: 15px 0px;
    }
    #customers-testimonials .box {
        width: 50% !important;
        text-align: center;
        margin: 0 25% !important;
    }
    .counter {
        padding: 20px 0;
        border-radius: 5px;
        margin: 15px 0px;
    }
    .counter i {
        font-size: 26px;
        color: #ff0000;
    }
    .count-title {
        font-size: 30px;
        font-weight: 700;
        margin-top: 5px;
        text-align: center;
    }
    .count-text {
        font-size: 14px;
        color: #9e9e9e;
        margin: 8px 0px;
    }
    .races-in strong {
        position: absolute;
        top: 25px;
        left: 17px;
    }
    .max-20 {
        max-width: initial !important;
        flex: auto !important;
        margin: 15px 0px;
    }
    #customers-testimonials .box {
        width: 50% !important;
        text-align: center;
        margin: 0 25% !important;
    }
    .counter {
        padding: 20px 0;
        border-radius: 5px;
        margin: 15px 0px;
    }
    .counter i {
        font-size: 26px;
        color: #ff0000;
    }
    .count-title {
        font-size: 30px;
        font-weight: 700;
        margin-top: 5px;
        text-align: center;
    }
    .count-text {
        font-size: 14px;
        color: #9e9e9e;
        margin: 8px 0px;
    }
    /* Services  */
    .section-10 {
        padding: 10px 0px;
    }
    .feature-sec {
        margin: 0;
    }
    .feature-sec h3 {
        margin-bottom: 15px;
    }
    .feature-sec span {
        top: 35px;
    }
    /* blog  */
    .blog-urs .blog-sub {
        padding: 10px;
    }
    /* Product area css  */
    .right-area-upper .menu-button {
        display: none;
    }
    .more-button {
        display: none;
    }
    .line-header {
        position: relative;
    }
    .padding-50 {
        padding: 20px 0;
    }
    .margin-all {
        margin-top: 15px;
    }
    .projectFactsWrap {
        display: block;
    }
    .projectFactsWrap .item {
        padding: 15px;
        width: 50%;
        float: left;
    }
    .projectFactsWrap .item p.number {
        font-size: 30px;
    }
    .projectFactsWrap .item p {
        font-size: 16px;
    }
    .right-area-upper {
        width: 100%;
        border-bottom: 1px solid #ddd;
        display: block;
    }
    .content {
        width: 50% !important;
        float: left !important;
        margin: 0px !important;
        padding: 5px !important;
    }
    .content {
        width: 25% !important;
        float: left !important;
    }
    .ui-group,
    .ui-group .button-group {
        overflow: scroll !important;
        white-space: nowrap !important;
        display: block !important;
    }
    .pn-Advancer {
        display: none;
    }
    .pn-ProductNav {
        font-size: 14px;
    }
    .img-preview img {
        min-height: auto !important;
    }
    .cart-btn {
        font-size: 12px;
    }
    .video-description-wrapper .video-description-info {
        font-size: 14px;
    }
    .video-description-wrapper .video-description-header {
        white-space: nowrap;
        width: 160px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .cart-btn {
        font-size: 12px;
    }
    /* Contact Info  */
    .contact-a li p {
        font-size: 12px;
    }
    .contact-a li i {
        width: 80px;
        height: 80px;
        line-height: 80px;
    }
    .contact-a li span {
        font-size: 12px;
    }
    .races-conc-marg {
        padding: 20px;
        max-width: 100%;
    }
    .races-tops {
        margin-top: 15px;
    }
    .map-contact iframe {
        width: 100%;
        height: 300px;
    }
    .contact_dis button {
        margin-top: 10px;
    }
    .contact_dis button {
        margin-top: 10px;
    }
    /* Footer  */
    .footer-area {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .footer-contact {
        padding: 5px 0px;
    }
    .single-widget img {
        margin-top: 10px;
    }
}

@media (max-width:991px) {
    /* Top Header  */
    .top-header {
        display: none;
    }
    .logo {
        margin-top: 0;
        padding: 0;
    }
    .logo img {
        max-width: 120px;
    }
    .logo {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 46px;
        padding-left: 15px;
        float: none;
    }
    .logo2 {
        display: none;
    }
    nav {
        width: 100%;
    }
    #cssmenu {
        width: 100%;
    }
    #cssmenu .head_ul {
        display: block;
        margin: 0;
        padding: 0;
        float: unset;
    }
    #cssmenu ul li {
        width: 100%;
        border-top: 1px solid #dedede;
    }
    #cssmenu ul li:hover {
        background: #d10a11;
    }
    #cssmenu>ul>li:hover>a {
        color: #fff;
    }
    #cssmenu>ul>li>a {
        padding: 15px 10px;
        font-size: 14px;
        text-transform: uppercase;
        text-decoration: none;
        color: #381457;
    }
    #cssmenu ul ul li,
    #cssmenu li:hover>ul>li {
        height: auto;
    }
    #cssmenu ul li a,
    #cssmenu ul ul li a {
        width: 100%;
        border-bottom: 0;
    }
    #cssmenu>ul>li {
        float: none;
    }
    #cssmenu ul ul li a {
        padding-left: 25px;
    }
    #cssmenu ul ul li {
        background: #333 !important;
    }
    #cssmenu ul ul li:hover {
        background: #363636 !important;
    }
    #cssmenu ul ul ul li a {
        padding-left: 35px;
    }
    #cssmenu ul ul li a {
        color: #ddd;
        background: none;
    }
    #cssmenu ul ul li:hover>a,
    #cssmenu ul ul li.active>a {
        color: #fff;
    }
    #cssmenu ul ul,
    #cssmenu ul ul ul {
        position: relative;
        left: 0;
        width: 100%;
        margin: 0;
        text-align: left;
    }
    #cssmenu>ul>li.has-sub>a:after,
    #cssmenu>ul>li.has-sub>a:before,
    #cssmenu ul ul>li.has-sub>a:after,
    #cssmenu ul ul>li.has-sub>a:before {
        display: none;
    }
    #cssmenu #head-mobile {
        display: block;
        padding: 23px;
        color: #ddd;
        font-size: 12px;
        font-weight: 700;
    }
    .search-top a {
        width: 100%;
        margin: 5px 0px 40px 0px;
        padding: 0;
    }
    .search-top i {
        width: 100%;
    }
    .cart {
        position: absolute;
        right: 0;
        left: 50%;
        text-align: center;
        bottom: 7px;
        z-index: 9999;
    }
    .button_mobile {
        width: 55px;
        height: 46px;
        position: absolute;
        right: 0;
        top: 0;
        cursor: pointer;
        z-index: 12399994;
    }
    .button_mobile:after {
        position: absolute;
        top: 22px;
        right: 20px;
        display: block;
        height: 4px;
        width: 20px;
        border-top: 2px solid #222;
        border-bottom: 2px solid #222;
        content: "";
    }
    .button_mobile:before {
        -webkit-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
        position: absolute;
        top: 16px;
        right: 20px;
        display: block;
        height: 2px;
        width: 20px;
        background: rgb(85, 83, 83);
        content: "";
    }
    .button_mobile.menu-opened:after {
        -webkit-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
        top: 23px;
        border: 0;
        height: 2px;
        width: 19px;
        background: #d10a11;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .button_mobile.menu-opened:before {
        top: 23px;
        background: #d10a11;
        width: 19px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    #cssmenu .submenu-button {
        position: absolute;
        z-index: 99;
        right: 0;
        top: 0;
        display: block;
        border-left: 1px solid #444;
        height: 46px;
        width: 46px;
        cursor: pointer;
    }
    #cssmenu .submenu-button.submenu-opened {
        background: #262626;
    }
    #cssmenu ul ul .submenu-button {
        height: 34px;
        width: 34px;
    }
    #cssmenu .submenu-button:after {
        position: absolute;
        top: 22px;
        right: 19px;
        width: 8px;
        height: 2px;
        display: block;
        background: #ddd;
        content: "";
    }
    #cssmenu ul ul .submenu-button:after {
        top: 15px;
        right: 13px;
    }
    #cssmenu .submenu-button.submenu-opened:after {
        background: #fff;
    }
    #cssmenu .submenu-button:before {
        position: absolute;
        top: 19px;
        right: 22px;
        display: block;
        width: 2px;
        height: 8px;
        background: #ddd;
        content: "";
    }
    #cssmenu ul ul .submenu-button:before {
        top: 12px;
        right: 16px;
    }
    #cssmenu .submenu-button.submenu-opened:before {
        display: none;
    }
    #cssmenu ul ul ul li.active a {
        border-left: none;
    }
    #cssmenu>ul>li.has-sub>ul>li.active>a,
    #cssmenu>ul ul>li.has-sub>ul>li.active>a {
        border-top: none;
    }
    .cart-shop {
        position: absolute;
        top: 0;
        right: 33%;
        text-align: center;
        z-index: 999;
    }
    /* Slider css  */
    .ct-header h1.big {
        line-height: 1.3;
        font-size: 2rem;
    }
    .ct-header p {
        margin: 20px 0 20px 0;
        font-size: 1.5rem;
    }
    .slick-prev:after,
    .slick-next:after {
        margin-top: 1.2rem;
    }
    .slick-prev:before,
    .slick-next:before,
    .slick-prev:after,
    .slick-next:after {
        width: 15px;
    }
    .slick-next {
        right: 100px !important;
    }
    .slick-prev {
        left: 120px !important;
    }
    .slick-prev,
    .slick-next {
        display: none !important;
    }
    .ct-u-display-tablex>.inner {
        display: block;
        padding: 80px 10px;
    }
    .ct-u-display-tablex {
        height: auto !important;
    }
}

@media (max-width:846px) {
    /* Top Header  */
    .top-header {
        display: none;
    }
    .logo {
        margin-top: 0;
        padding: 0;
    }
    .logo img {
        max-width: 120px;
    }
    .logo {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 46px;
        padding-left: 15px;
        float: none;
    }
    .logo2 {
        display: none;
    }
    nav {
        width: 100%;
    }
    #cssmenu {
        width: 100%;
    }
    #cssmenu .head_ul {
        display: block;
        margin: 0;
        padding: 0;
        float: unset;
    }
    #cssmenu ul li {
        width: 100%;
        border-top: 1px solid #dedede;
    }
    #cssmenu ul li:hover {
        background: #d10a11;
    }
    #cssmenu>ul>li:hover>a {
        color: #fff;
    }
    #cssmenu>ul>li>a {
        padding: 15px 10px;
        font-size: 14px;
        text-transform: uppercase;
        text-decoration: none;
        color: #381457;
    }
    #cssmenu ul ul li,
    #cssmenu li:hover>ul>li {
        height: auto;
    }
    #cssmenu ul li a,
    #cssmenu ul ul li a {
        width: 100%;
        border-bottom: 0;
    }
    #cssmenu>ul>li {
        float: none;
    }
    #cssmenu ul ul li a {
        padding-left: 25px;
    }
    #cssmenu ul ul li {
        background: #333 !important;
    }
    #cssmenu ul ul li:hover {
        background: #363636 !important;
    }
    #cssmenu ul ul ul li a {
        padding-left: 35px;
    }
    #cssmenu ul ul li a {
        color: #ddd;
        background: none;
    }
    #cssmenu ul ul li:hover>a,
    #cssmenu ul ul li.active>a {
        color: #fff;
    }
    #cssmenu ul ul,
    #cssmenu ul ul ul {
        position: relative;
        left: 0;
        width: 100%;
        margin: 0;
        text-align: left;
    }
    #cssmenu>ul>li.has-sub>a:after,
    #cssmenu>ul>li.has-sub>a:before,
    #cssmenu ul ul>li.has-sub>a:after,
    #cssmenu ul ul>li.has-sub>a:before {
        display: none;
    }
    #cssmenu #head-mobile {
        display: block;
        padding: 23px;
        color: #ddd;
        font-size: 12px;
        font-weight: 700;
    }
    .search-top a {
        width: 100%;
        margin: 5px 0px 40px 0px;
        padding: 0;
    }
    .search-top i {
        width: 100%;
    }
    .cart {
        position: absolute;
        right: 0;
        left: 50%;
        text-align: center;
        bottom: 7px;
        z-index: 9999;
    }
    .button_mobile {
        width: 55px;
        height: 46px;
        position: absolute;
        right: 0;
        top: 0;
        cursor: pointer;
        z-index: 12399994;
    }
    .button_mobile:after {
        position: absolute;
        top: 22px;
        right: 20px;
        display: block;
        height: 4px;
        width: 20px;
        border-top: 2px solid #222;
        border-bottom: 2px solid #222;
        content: "";
    }
    .button_mobile:before {
        -webkit-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
        position: absolute;
        top: 16px;
        right: 20px;
        display: block;
        height: 2px;
        width: 20px;
        background: rgb(85, 83, 83);
        content: "";
    }
    .button_mobile.menu-opened:after {
        -webkit-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
        top: 23px;
        border: 0;
        height: 2px;
        width: 19px;
        background: #d10a11;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .button_mobile.menu-opened:before {
        top: 23px;
        background: #d10a11;
        width: 19px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    #cssmenu .submenu-button {
        position: absolute;
        z-index: 99;
        right: 0;
        top: 0;
        display: block;
        border-left: 1px solid #444;
        height: 46px;
        width: 46px;
        cursor: pointer;
    }
    #cssmenu .submenu-button.submenu-opened {
        background: #262626;
    }
    #cssmenu ul ul .submenu-button {
        height: 34px;
        width: 34px;
    }
    #cssmenu .submenu-button:after {
        position: absolute;
        top: 22px;
        right: 19px;
        width: 8px;
        height: 2px;
        display: block;
        background: #ddd;
        content: "";
    }
    #cssmenu ul ul .submenu-button:after {
        top: 15px;
        right: 13px;
    }
    #cssmenu .submenu-button.submenu-opened:after {
        background: #fff;
    }
    #cssmenu .submenu-button:before {
        position: absolute;
        top: 19px;
        right: 22px;
        display: block;
        width: 2px;
        height: 8px;
        background: #ddd;
        content: "";
    }
    #cssmenu ul ul .submenu-button:before {
        top: 12px;
        right: 16px;
    }
    #cssmenu .submenu-button.submenu-opened:before {
        display: none;
    }
    #cssmenu ul ul ul li.active a {
        border-left: none;
    }
    #cssmenu>ul>li.has-sub>ul>li.active>a,
    #cssmenu>ul ul>li.has-sub>ul>li.active>a {
        border-top: none;
    }
    .cart-shop {
        position: absolute;
        top: 0;
        right: 33%;
        text-align: center;
        z-index: 999;
    }
    /* Slider css  */
    .ct-header h1.big {
        line-height: 1.3;
        font-size: 2rem;
    }
    .ct-header p {
        margin: 20px 0 20px 0;
        font-size: 1.5rem;
    }
    .slick-prev:after,
    .slick-next:after {
        margin-top: 1.2rem;
    }
    .slick-prev:before,
    .slick-next:before,
    .slick-prev:after,
    .slick-next:after {
        width: 15px;
    }
    .slick-next {
        right: 100px !important;
    }
    .slick-prev {
        left: 120px !important;
    }
    .slick-prev,
    .slick-next {
        display: none !important;
    }
    .ct-u-display-tablex>.inner {
        display: block;
        padding: 80px 10px;
    }
    .ct-u-display-tablex {
        height: auto !important;
    }
    .ct-desk {
        display: none !important;
    }
    .ct-mobile {
        display: block !important;
        height: auto !important;
    }
    .slick-initialized .slick-slide {
        display: block;
        min-height: 400px !important;
    }
    /* Three Categories  */
    .section-padd {
        padding: 30px 0px;
    }
    .sub-mobile {
        display: none;
    }
    .box8 .title {
        bottom: 8px;
        left: 8px;
    }
    .our-race-sub {
        margin-top: 0;
    }
    .races-in-mision {
        margin-top: 20px;
    }
    .top-marg {
        margin-top: 15px;
    }
    .inner-left {
        padding: 20px 20px;
    }
    .inner-left h2 {
        margin-bottom: 15px;
    }
    .inner-left span {
        position: absolute;
        top: 54px;
        left: 22px;
    }
    .grid figure h2,
    .grid figure p {
        font-size: 20px;
    }
    /* fixed image  */
    .section-50 {
        padding: 30px 0;
    }
    figure.effect-lily figcaption>div {
        padding: 10px;
    }
    .our-room {
        padding: 30px 0px;
    }
    .owl-carousel .owl-next,
    .owl-carousel .owl-prev {
        width: 35px;
        height: 35px;
        line-height: 35px;
    }
    .owl-carousel .owl-prev {
        right: 60px !important;
        top: -15% !important;
    }
    .owl-carousel .owl-next {
        right: 13px !important;
        top: -15% !important;
    }
    .owl-carousel {
        padding: 0;
    }
    .owl-dots {
        display: none;
    }
    .item-details p {
        margin: 0;
    }
    .shas_image_a {
        padding: 0;
        margin: 0;
    }
    .shas_image_a h2 {
        margin-bottom: 15px;
    }
    .shas_image_a span {
        position: absolute;
        top: 30px;
        left: 17px;
    }
    .owl-nav {
        position: relative !important;
        top: 0 !important;
        display: none !important;
    }
    /* Testimonial css  */
    .testimonial_section .about_content {
        padding: 15px !important;
    }
    .testimonial_section .about_content .background_layer {
        width: 100% !important;
    }
    .testimonial_section .testimonial_box {
        margin-top: 0 !important;
    }
    .testimonial_section .testimonial_box .background_layer {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .testimonial_section .testimonial_box .about_content {
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin-top: 28% !important;
    }
    .testimonial_section .testimonial_box .testimonial_container {
        margin-left: 0px !important;
    }
    .testimonial_section .testimonial_box .testimonial_container .testimonials {
        margin: 0;
        padding: 30px 0px 30px 0px !important;
    }
    .testimonial_section .testimonial_box .testimonial_container .testimonials .testimonial_content {
        margin-left: 0px !important;
        margin-top: 0 !important;
        padding: 20px !important;
        position: unset !important;
    }
    .testimonial_section .testimonial_box .testimonial_container .testimonials .images_box {
        display: none;
    }
    .owl-nav {
        position: relative !important;
        top: 0px !important;
        display: none !important;
    }
    .fixed-type {
        padding: 20px 0px 30px 0px;
    }
    .fast_del {
        padding: 20px 15px;
    }
    /* about home */
    .room_head h1 {
        font-size: 24px;
        font-weight: 500;
    }
    .room_head {
        padding: 10px 0px;
    }
    .about-home {
        margin-top: 0px;
    }
    .about-dis-none {
        display: none;
    }
    figure.effect-lily figcaption>div {
        padding: 1em;
    }
    /* Our value  */
    .dived-area {
        padding: 8px 10px;
    }
    .dived-area h3 {
        font-size: 16px;
    }
    .dived-area p {
        font-size: 10px;
    }
    .our-dis-sub p {
        margin: 0;
    }
    /* Our Available product  */
    .box .product-slide {
        max-width: 250px;
        margin: 0 auto;
    }
    /* Join Form  */
    .button-pop {
        padding: 8px 13px;
        font-size: 16px;
        z-index: 1000;
        -webkit-transform: rotate( -90deg) translate(50%, -100%);
        transform: rotate( -90deg) translate(50%, -100%) !important;
        background: #ea1d24;
        color: #fff;
        outline: none;
        animation: auto !important;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }
    .popup-flex .button-pop {
        position: fixed;
        bottom: 8%;
        z-index: 99999;
        right: -26%;
    }
    /* Form Popup  */
    .popup-content {
        width: 100%;
    }
    .popup-content span {
        right: 0;
    }
    /* About inner  */
    .about-banner {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .section-top {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .section-30 {
        padding: 0;
    }
    .rac-top-all {
        margin-top: 0;
    }
    .races-we-do ul li span {
        font-size: 12px;
    }
    .races-we-do ul li span {
        font-size: 12px;
    }
    .about_after::after {
        display: none;
    }
    .races-in {
        padding: 0;
        margin: 0;
    }
    .about_before::before {
        display: none;
    }
    .about_before img {
        right: 0;
    }
    .races-in strong {
        position: absolute;
        top: 25px;
        left: 17px;
    }
    .max-20 {
        max-width: initial !important;
        flex: auto !important;
        margin: 15px 0px;
    }
    #customers-testimonials .box {
        width: 50% !important;
        text-align: center;
        margin: 0 25% !important;
    }
    .counter {
        padding: 20px 0;
        border-radius: 5px;
        margin: 15px 0px;
    }
    .counter i {
        font-size: 26px;
        color: #ff0000;
    }
    .count-title {
        font-size: 30px;
        font-weight: 700;
        margin-top: 5px;
        text-align: center;
    }
    .count-text {
        font-size: 14px;
        color: #9e9e9e;
        margin: 8px 0px;
    }
    .races-in strong {
        position: absolute;
        top: 25px;
        left: 17px;
    }
    .max-20 {
        max-width: initial !important;
        flex: auto !important;
        margin: 15px 0px;
    }
    #customers-testimonials .box {
        width: 50% !important;
        text-align: center;
        margin: 0 25% !important;
    }
    .counter {
        padding: 20px 0;
        border-radius: 5px;
        margin: 15px 0px;
    }
    .counter i {
        font-size: 26px;
        color: #ff0000;
    }
    .count-title {
        font-size: 30px;
        font-weight: 700;
        margin-top: 5px;
        text-align: center;
    }
    .count-text {
        font-size: 14px;
        color: #9e9e9e;
        margin: 8px 0px;
    }
    /* Services  */
    .section-10 {
        padding: 10px 0px;
    }
    .feature-sec {
        margin: 0;
    }
    .feature-sec h3 {
        margin-bottom: 15px;
    }
    .feature-sec span {
        top: 35px;
    }
    /* blog  */
    .blog-urs .blog-sub {
        padding: 10px;
    }
    /* Product area css  */
    .right-area-upper .menu-button {
        display: none;
    }
    .more-button {
        display: none;
    }
    .line-header {
        position: relative;
    }
    .padding-50 {
        padding: 20px 0;
    }
    .margin-all {
        margin-top: 15px;
    }
    .projectFactsWrap {
        display: block;
    }
    .projectFactsWrap .item {
        padding: 15px;
        width: 100%;
    }
    .projectFactsWrap .item p.number {
        font-size: 30px;
    }
    .projectFactsWrap .item p {
        font-size: 16px;
    }
    .right-area-upper {
        width: 100%;
        border-bottom: 1px solid #ddd;
        display: block;
    }
    .content {
        width: 50% !important;
        float: left !important;
        margin: 0px !important;
        padding: 5px !important;
    }
    .content {
        width: 50% !important;
        float: left !important;
    }
    .ui-group,
    .ui-group .button-group {
        overflow: scroll !important;
        white-space: nowrap !important;
        display: block !important;
    }
    .pn-Advancer {
        display: none;
    }
    .pn-ProductNav {
        font-size: 14px;
    }
    .img-preview img {
        min-height: auto !important;
    }
    .cart-btn {
        font-size: 12px;
    }
    .video-description-wrapper .video-description-info {
        font-size: 14px;
    }
    .video-description-wrapper .video-description-header {
        white-space: nowrap;
        width: 160px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .cart-btn {
        font-size: 12px;
    }
    /* Contact Info  */
    .contact-a li p {
        font-size: 12px;
    }
    .contact-a li i {
        width: 80px;
        height: 80px;
        line-height: 80px;
    }
    .contact-a li span {
        font-size: 12px;
    }
    .races-conc-marg {
        padding: 20px;
        max-width: 100%;
    }
    .races-tops {
        margin-top: 15px;
    }
    .map-contact iframe {
        width: 100%;
        height: 300px;
    }
    .contact_dis button {
        margin-top: 10px;
    }
    /* Footer  */
    .footer-area {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .footer-contact {
        padding: 5px 0px;
    }
    .single-widget img {
        margin-top: 10px;
    }
}

@media (max-width:768px) {
    /* Top Header  */
    .top-header {
        display: none;
    }
    .logo {
        margin-top: 0;
        padding: 0;
    }
    .logo img {
        max-width: 120px;
    }
    .logo {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 46px;
        padding-left: 15px;
        float: none;
    }
    .logo2 {
        display: none;
    }
    nav {
        width: 100%;
    }
    #cssmenu {
        width: 100%;
    }
    #cssmenu .head_ul {
        display: none;
        margin: 0;
        padding: 0;
        float: unset;
    }
    #cssmenu ul li {
        width: 100%;
        border-top: 1px solid #dedede;
    }
    #cssmenu ul li:hover {
        background: #d10a11;
    }
    #cssmenu>ul>li:hover>a {
        color: #fff;
    }
    #cssmenu>ul>li>a {
        padding: 15px 10px;
        font-size: 14px;
        text-transform: uppercase;
        text-decoration: none;
        color: #381457;
    }
    #cssmenu ul ul li,
    #cssmenu li:hover>ul>li {
        height: auto;
    }
    #cssmenu ul li a,
    #cssmenu ul ul li a {
        width: 100%;
        border-bottom: 0;
    }
    #cssmenu>ul>li {
        float: none;
    }
    #cssmenu ul ul li a {
        padding-left: 25px;
    }
    #cssmenu ul ul li {
        background: #333 !important;
    }
    #cssmenu ul ul li:hover {
        background: #363636 !important;
    }
    #cssmenu ul ul ul li a {
        padding-left: 35px;
    }
    #cssmenu ul ul li a {
        color: #ddd;
        background: none;
    }
    #cssmenu ul ul li:hover>a,
    #cssmenu ul ul li.active>a {
        color: #fff;
    }
    #cssmenu ul ul,
    #cssmenu ul ul ul {
        position: relative;
        left: 0;
        width: 100%;
        margin: 0;
        text-align: left;
    }
    #cssmenu>ul>li.has-sub>a:after,
    #cssmenu>ul>li.has-sub>a:before,
    #cssmenu ul ul>li.has-sub>a:after,
    #cssmenu ul ul>li.has-sub>a:before {
        display: none;
    }
    #cssmenu #head-mobile {
        display: block;
        padding: 23px;
        color: #ddd;
        font-size: 12px;
        font-weight: 700;
    }
    .search-top a {
        width: 100%;
        margin: 5px 0px 40px 0px;
        padding: 0;
    }
    .search-top i {
        width: 100%;
    }
    .cart {
        position: absolute;
        right: 0;
        left: 50%;
        text-align: center;
        bottom: 7px;
        z-index: 9999;
    }
    .button_mobile {
        width: 55px;
        height: 46px;
        position: absolute;
        right: 0;
        top: 0;
        cursor: pointer;
        z-index: 12399994;
    }
    .button_mobile:after {
        position: absolute;
        top: 22px;
        right: 20px;
        display: block;
        height: 4px;
        width: 20px;
        border-top: 2px solid #222;
        border-bottom: 2px solid #222;
        content: "";
    }
    .button_mobile:before {
        -webkit-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
        position: absolute;
        top: 16px;
        right: 20px;
        display: block;
        height: 2px;
        width: 20px;
        background: rgb(85, 83, 83);
        content: "";
    }
    .button_mobile.menu-opened:after {
        -webkit-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
        top: 23px;
        border: 0;
        height: 2px;
        width: 19px;
        background: #d10a11;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .button_mobile.menu-opened:before {
        top: 23px;
        background: #d10a11;
        width: 19px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    #cssmenu .submenu-button {
        position: absolute;
        z-index: 99;
        right: 0;
        top: 0;
        display: block;
        border-left: 1px solid #444;
        height: 46px;
        width: 46px;
        cursor: pointer;
    }
    #cssmenu .submenu-button.submenu-opened {
        background: #262626;
    }
    #cssmenu ul ul .submenu-button {
        height: 34px;
        width: 34px;
    }
    #cssmenu .submenu-button:after {
        position: absolute;
        top: 22px;
        right: 19px;
        width: 8px;
        height: 2px;
        display: block;
        background: #ddd;
        content: "";
    }
    #cssmenu ul ul .submenu-button:after {
        top: 15px;
        right: 13px;
    }
    #cssmenu .submenu-button.submenu-opened:after {
        background: #fff;
    }
    #cssmenu .submenu-button:before {
        position: absolute;
        top: 19px;
        right: 22px;
        display: block;
        width: 2px;
        height: 8px;
        background: #ddd;
        content: "";
    }
    #cssmenu ul ul .submenu-button:before {
        top: 12px;
        right: 16px;
    }
    #cssmenu .submenu-button.submenu-opened:before {
        display: none;
    }
    #cssmenu ul ul ul li.active a {
        border-left: none;
    }
    #cssmenu>ul>li.has-sub>ul>li.active>a,
    #cssmenu>ul ul>li.has-sub>ul>li.active>a {
        border-top: none;
    }
    .cart-shop {
        position: absolute;
        top: 0;
        right: 33%;
        text-align: center;
        z-index: 999;
    }
    /* Slider css  */
    .ct-header h1.big {
        line-height: 1.3;
        font-size: 2rem;
    }
    .ct-header p {
        margin: 20px 0 20px 0;
        font-size: 1.5rem;
    }
    .slick-prev:after,
    .slick-next:after {
        margin-top: 1.2rem;
    }
    .slick-prev:before,
    .slick-next:before,
    .slick-prev:after,
    .slick-next:after {
        width: 15px;
    }
    .slick-next {
        right: 100px !important;
    }
    .slick-prev {
        left: 120px !important;
    }
    .slick-prev,
    .slick-next {
        display: none !important;
    }
    .ct-u-display-tablex>.inner {
        display: block;
        padding: 80px 10px;
    }
    .ct-u-display-tablex {
        height: auto !important;
    }
    .ct-desk {
        display: none !important;
    }
    .ct-mobile {
        display: block !important;
        height: auto !important;
    }
    .slick-initialized .slick-slide {
        display: block;
        min-height: 400px !important;
    }
    /* Three Categories  */
    .section-padd {
        padding: 30px 0px;
    }
    .sub-mobile {
        display: block;
    }
    .box8 .title {
        bottom: 8px;
        left: 8px;
    }
    .our-race-sub {
        margin-top: 0;
    }
    .races-in-mision {
        margin-top: 20px;
    }
    .top-marg {
        margin-top: 15px;
    }
    .inner-left {
        padding: 20px 20px;
    }
    .inner-left h2 {
        margin-bottom: 15px;
    }
    .inner-left span {
        position: absolute;
        top: 54px;
        left: 22px;
    }
    .grid figure h2,
    .grid figure p {
        font-size: 20px;
    }
    /* fixed image  */
    .section-50 {
        padding: 30px 0;
    }
    figure.effect-lily figcaption>div {
        padding: 10px;
    }
    .our-room {
        padding: 30px 0px;
    }
    .owl-carousel .owl-next,
    .owl-carousel .owl-prev {
        width: 35px;
        height: 35px;
        line-height: 35px;
    }
    .owl-carousel .owl-prev {
        right: 60px !important;
        top: -15% !important;
    }
    .owl-carousel .owl-next {
        right: 13px !important;
        top: -15% !important;
    }
    .owl-carousel {
        padding: 0;
    }
    .owl-dots {
        display: none;
    }
    .item-details p {
        margin: 0;
    }
    .shas_image_a {
        padding: 0;
        margin: 0;
    }
    .shas_image_a h2 {
        margin-bottom: 15px;
    }
    .shas_image_a span {
        position: absolute;
        top: 30px;
        left: 17px;
    }
    .owl-nav {
        position: relative !important;
        top: 0 !important;
        display: none !important;
    }
    /* Testimonial css  */
    .testimonial_section .about_content {
        padding: 15px !important;
    }
    .testimonial_section .about_content .background_layer {
        width: 100% !important;
    }
    .testimonial_section .testimonial_box {
        margin-top: 0 !important;
    }
    .testimonial_section .testimonial_box .background_layer {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .testimonial_section .testimonial_box .about_content {
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin-top: 28% !important;
    }
    .testimonial_section .testimonial_box .testimonial_container {
        margin-left: 0px !important;
    }
    .testimonial_section .testimonial_box .testimonial_container .testimonials {
        margin: 0;
        padding: 30px 0px 30px 0px !important;
    }
    .testimonial_section .testimonial_box .testimonial_container .testimonials .testimonial_content {
        margin-left: 0px !important;
        margin-top: 0 !important;
        padding: 20px !important;
        position: unset !important;
    }
    .testimonial_section .testimonial_box .testimonial_container .testimonials .images_box {
        display: none;
    }
    .owl-nav {
        position: relative !important;
        top: 0px !important;
        display: none !important;
    }
    .fixed-type {
        padding: 20px 0px 30px 0px;
    }
    .fast_del {
        padding: 20px 15px;
    }
    /* about home */
    .room_head h1 {
        font-size: 24px;
        font-weight: 500;
    }
    .room_head {
        padding: 10px 0px;
    }
    .about-home {
        margin-top: 0px;
    }
    .about-dis-none {
        display: block;
    }
    figure.effect-lily figcaption>div {
        padding: 1em;
    }
    .race-max-width {
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }
    /* Our value  */
    .dived-area {
        padding: 8px 10px;
    }
    .dived-area h3 {
        font-size: 16px;
    }
    .dived-area p {
        font-size: 10px;
    }
    .our-dis-sub p {
        margin: 0;
    }
    /* Our Available product  */
    .box .product-slide {
        max-width: 350px;
        margin: 0 auto;
    }
    /* Join Form  */
    .button-pop {
        padding: 8px 13px;
        font-size: 16px;
        z-index: 1000;
        -webkit-transform: rotate( -90deg) translate(50%, -100%);
        transform: rotate( -90deg) translate(50%, -100%) !important;
        background: #ea1d24;
        color: #fff;
        outline: none;
        animation: auto !important;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }
    .popup-flex .button-pop {
        position: fixed;
        bottom: 8%;
        z-index: 99999;
        right: -26%;
    }
    /* Form Popup  */
    .popup-content {
        width: 100%;
    }
    .popup-content span {
        right: 0;
    }
    /* About inner  */
    .about-banner {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .section-top {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .section-30 {
        padding: 0;
    }
    .rac-top-all {
        margin-top: 0;
    }
    .races-we-do ul li span {
        font-size: 12px;
    }
    .races-we-do ul li span {
        font-size: 12px;
    }
    .about_after::after {
        display: none;
    }
    .races-in {
        padding: 0;
        margin: 0;
    }
    .about_before::before {
        display: none;
    }
    .about_before img {
        right: 0;
    }
    .races-in strong {
        position: absolute;
        top: 25px;
        left: 17px;
    }
    .max-20 {
        max-width: initial !important;
        flex: auto !important;
        margin: 15px 0px;
    }
    #customers-testimonials .box {
        width: 50% !important;
        text-align: center;
        margin: 0 25% !important;
    }
    .counter {
        padding: 20px 0;
        border-radius: 5px;
        margin: 15px 0px;
    }
    .counter i {
        font-size: 26px;
        color: #ff0000;
    }
    .count-title {
        font-size: 30px;
        font-weight: 700;
        margin-top: 5px;
        text-align: center;
    }
    .count-text {
        font-size: 14px;
        color: #9e9e9e;
        margin: 8px 0px;
    }
    .races-in strong {
        position: absolute;
        top: 25px;
        left: 17px;
    }
    .max-20 {
        max-width: initial !important;
        flex: auto !important;
        margin: 15px 0px;
    }
    #customers-testimonials .box {
        width: 50% !important;
        text-align: center;
        margin: 0 25% !important;
    }
    .counter {
        padding: 20px 0;
        border-radius: 5px;
        margin: 15px 0px;
    }
    .counter i {
        font-size: 26px;
        color: #ff0000;
    }
    .count-title {
        font-size: 30px;
        font-weight: 700;
        margin-top: 5px;
        text-align: center;
    }
    .count-text {
        font-size: 14px;
        color: #9e9e9e;
        margin: 8px 0px;
    }
    /* Services  */
    .section-10 {
        padding: 10px 0px;
    }
    .feature-sec {
        margin: 0;
    }
    .feature-sec h3 {
        margin-bottom: 15px;
    }
    .feature-sec span {
        top: 35px;
    }
    /* blog  */
    .blog-urs .blog-sub {
        padding: 10px;
    }
    /* Product area css  */
    .right-area-upper .menu-button {
        display: none;
    }
    .more-button {
        display: none;
    }
    .line-header {
        position: relative;
    }
    .padding-50 {
        padding: 20px 0;
    }
    .margin-all {
        margin-top: 15px;
    }
    .projectFactsWrap {
        display: block;
    }
    .projectFactsWrap .item {
        padding: 15px;
        width: 50%;
        float: left;
    }
    .projectFactsWrap .item p.number {
        font-size: 30px;
    }
    .projectFactsWrap .item p {
        font-size: 16px;
    }
    .right-area-upper {
        width: 100%;
        border-bottom: 1px solid #ddd;
        display: block;
    }
    .content {
        width: 50% !important;
        float: left !important;
        margin: 0px !important;
        padding: 5px !important;
    }
    .content {
        width: 25% !important;
        float: left !important;
    }
    .ui-group,
    .ui-group .button-group {
        overflow: scroll !important;
        white-space: nowrap !important;
        display: block !important;
    }
    .pn-Advancer {
        display: none;
    }
    .pn-ProductNav {
        font-size: 14px;
    }
    .img-preview img {
        min-height: auto !important;
    }
    .cart-btn {
        font-size: 12px;
    }
    .video-description-wrapper .video-description-info {
        font-size: 14px;
    }
    .video-description-wrapper .video-description-header {
        white-space: nowrap;
        width: 160px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .cart-btn {
        font-size: 12px;
    }
    /* Contact Info  */
    .contact-a li p {
        font-size: 12px;
    }
    .contact-a li i {
        width: 80px;
        height: 80px;
        line-height: 80px;
    }
    .contact-a li span {
        font-size: 12px;
    }
    .races-conc-marg {
        padding: 20px;
        max-width: 100%;
    }
    .races-tops {
        margin-top: 15px;
    }
    .map-contact iframe {
        width: 100%;
        height: 300px;
    }
    .contact_dis button {
        margin-top: 10px;
    }
    /* Footer  */
    .footer-area {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .footer-contact {
        padding: 5px 0px;
    }
    .single-widget img {
        margin-top: 10px;
    }
}

@media (max-width:640px) {
    /* Top Header  */
    .top-header {
        display: none;
    }
    .logo {
        margin-top: 0;
        padding: 0;
    }
    .logo img {
        max-width: 120px;
    }
    .logo {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 46px;
        padding-left: 15px;
        float: none;
    }
    .logo2 {
        display: none;
    }
    nav {
        width: 100%;
    }
    #cssmenu {
        width: 100%;
    }
    #cssmenu .head_ul {
        display: block;
        margin: 0;
        padding: 0;
        float: unset;
    }
    #cssmenu ul li {
        width: 100%;
        border-top: 1px solid #dedede;
    }
    #cssmenu ul li:hover {
        background: #d10a11;
    }
    #cssmenu>ul>li:hover>a {
        color: #fff;
    }
    #cssmenu>ul>li>a {
        padding: 15px 10px;
        font-size: 14px;
        text-transform: uppercase;
        text-decoration: none;
        color: #381457;
    }
    #cssmenu ul ul li,
    #cssmenu li:hover>ul>li {
        height: auto;
    }
    #cssmenu ul li a,
    #cssmenu ul ul li a {
        width: 100%;
        border-bottom: 0;
    }
    #cssmenu>ul>li {
        float: none;
    }
    #cssmenu ul ul li a {
        padding-left: 25px;
    }
    #cssmenu ul ul li {
        background: #333 !important;
    }
    #cssmenu ul ul li:hover {
        background: #363636 !important;
    }
    #cssmenu ul ul ul li a {
        padding-left: 35px;
    }
    #cssmenu ul ul li a {
        color: #ddd;
        background: none;
    }
    #cssmenu ul ul li:hover>a,
    #cssmenu ul ul li.active>a {
        color: #fff;
    }
    #cssmenu ul ul,
    #cssmenu ul ul ul {
        position: relative;
        left: 0;
        width: 100%;
        margin: 0;
        text-align: left;
    }
    #cssmenu>ul>li.has-sub>a:after,
    #cssmenu>ul>li.has-sub>a:before,
    #cssmenu ul ul>li.has-sub>a:after,
    #cssmenu ul ul>li.has-sub>a:before {
        display: none;
    }
    #cssmenu #head-mobile {
        display: block;
        padding: 23px;
        color: #ddd;
        font-size: 12px;
        font-weight: 700;
    }
    .search-top a {
        width: 100%;
        margin: 5px 0px 40px 0px;
        padding: 0;
    }
    .search-top i {
        width: 100%;
    }
    .cart {
        position: absolute;
        right: 0;
        left: 50%;
        text-align: center;
        bottom: 7px;
        z-index: 9999;
    }
    .button_mobile {
        width: 55px;
        height: 46px;
        position: absolute;
        right: 0;
        top: 0;
        cursor: pointer;
        z-index: 12399994;
    }
    .button_mobile:after {
        position: absolute;
        top: 22px;
        right: 20px;
        display: block;
        height: 4px;
        width: 20px;
        border-top: 2px solid #222;
        border-bottom: 2px solid #222;
        content: "";
    }
    .button_mobile:before {
        -webkit-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
        position: absolute;
        top: 16px;
        right: 20px;
        display: block;
        height: 2px;
        width: 20px;
        background: rgb(85, 83, 83);
        content: "";
    }
    .button_mobile.menu-opened:after {
        -webkit-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
        top: 23px;
        border: 0;
        height: 2px;
        width: 19px;
        background: #d10a11;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .button_mobile.menu-opened:before {
        top: 23px;
        background: #d10a11;
        width: 19px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    #cssmenu .submenu-button {
        position: absolute;
        z-index: 99;
        right: 0;
        top: 0;
        display: block;
        border-left: 1px solid #444;
        height: 46px;
        width: 46px;
        cursor: pointer;
    }
    #cssmenu .submenu-button.submenu-opened {
        background: #262626;
    }
    #cssmenu ul ul .submenu-button {
        height: 34px;
        width: 34px;
    }
    #cssmenu .submenu-button:after {
        position: absolute;
        top: 22px;
        right: 19px;
        width: 8px;
        height: 2px;
        display: block;
        background: #ddd;
        content: "";
    }
    #cssmenu ul ul .submenu-button:after {
        top: 15px;
        right: 13px;
    }
    #cssmenu .submenu-button.submenu-opened:after {
        background: #fff;
    }
    #cssmenu .submenu-button:before {
        position: absolute;
        top: 19px;
        right: 22px;
        display: block;
        width: 2px;
        height: 8px;
        background: #ddd;
        content: "";
    }
    #cssmenu ul ul .submenu-button:before {
        top: 12px;
        right: 16px;
    }
    #cssmenu .submenu-button.submenu-opened:before {
        display: none;
    }
    #cssmenu ul ul ul li.active a {
        border-left: none;
    }
    #cssmenu>ul>li.has-sub>ul>li.active>a,
    #cssmenu>ul ul>li.has-sub>ul>li.active>a {
        border-top: none;
    }
    .cart-shop {
        position: absolute;
        top: 0;
        right: 33%;
        text-align: center;
        z-index: 999;
    }
    /* Slider css  */
    .ct-header h1.big {
        line-height: 1.3;
        font-size: 2rem;
    }
    .ct-header p {
        margin: 20px 0 20px 0;
        font-size: 1.5rem;
    }
    .slick-prev:after,
    .slick-next:after {
        margin-top: 1.2rem;
    }
    .slick-prev:before,
    .slick-next:before,
    .slick-prev:after,
    .slick-next:after {
        width: 15px;
    }
    .slick-next {
        right: 100px !important;
    }
    .slick-prev {
        left: 120px !important;
    }
    .slick-prev,
    .slick-next {
        display: none !important;
    }
    .ct-u-display-tablex>.inner {
        display: block;
        padding: 80px 10px;
    }
    .ct-u-display-tablex {
        height: auto !important;
    }
    .ct-desk {
        display: none !important;
    }
    .ct-mobile {
        display: block !important;
        height: auto !important;
    }
    .slick-initialized .slick-slide {
        display: block;
        min-height: 400px !important;
    }
    /* Three Categories  */
    .section-padd {
        padding: 30px 0px;
    }
    .sub-mobile {
        display: none;
    }
    .box8 .title {
        bottom: 8px;
        left: 8px;
    }
    .our-race-sub {
        margin-top: 0;
    }
    .races-in-mision {
        margin-top: 20px;
    }
    .top-marg {
        margin-top: 15px;
    }
    .inner-left {
        padding: 20px 20px;
    }
    .inner-left h2 {
        margin-bottom: 15px;
    }
    .inner-left span {
        position: absolute;
        top: 54px;
        left: 22px;
    }
    .grid figure h2,
    .grid figure p {
        font-size: 20px;
    }
    /* fixed image  */
    .section-50 {
        padding: 30px 0;
    }
    figure.effect-lily figcaption>div {
        padding: 10px;
    }
    .our-room {
        padding: 30px 0px;
    }
    .owl-carousel .owl-next,
    .owl-carousel .owl-prev {
        width: 35px;
        height: 35px;
        line-height: 35px;
    }
    .owl-carousel .owl-prev {
        right: 60px !important;
        top: -15% !important;
    }
    .owl-carousel .owl-next {
        right: 13px !important;
        top: -15% !important;
    }
    .owl-carousel {
        padding: 0;
    }
    .owl-dots {
        display: none;
    }
    .item-details p {
        margin: 0;
    }
    .shas_image_a {
        padding: 0;
        margin: 0;
    }
    .shas_image_a h2 {
        margin-bottom: 15px;
    }
    .shas_image_a span {
        position: absolute;
        top: 30px;
        left: 17px;
    }
    .owl-nav {
        position: relative !important;
        top: 0 !important;
        display: none !important;
    }
    /* Testimonial css  */
    .testimonial_section .about_content {
        padding: 15px !important;
    }
    .testimonial_section .about_content .background_layer {
        width: 100% !important;
    }
    .testimonial_section .testimonial_box {
        margin-top: 0 !important;
    }
    .testimonial_section .testimonial_box .background_layer {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .testimonial_section .testimonial_box .about_content {
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin-top: 28% !important;
    }
    .testimonial_section .testimonial_box .testimonial_container {
        margin-left: 0px !important;
    }
    .testimonial_section .testimonial_box .testimonial_container .testimonials {
        margin: 0;
        padding: 30px 0px 30px 0px !important;
    }
    .testimonial_section .testimonial_box .testimonial_container .testimonials .testimonial_content {
        margin-left: 0px !important;
        margin-top: 0 !important;
        padding: 20px !important;
        position: unset !important;
    }
    .testimonial_section .testimonial_box .testimonial_container .testimonials .images_box {
        display: none;
    }
    .owl-nav {
        position: relative !important;
        top: 0px !important;
        display: none !important;
    }
    .fixed-type {
        padding: 20px 0px 30px 0px;
    }
    .fast_del {
        padding: 20px 15px;
    }
    /* about home */
    .room_head h1 {
        font-size: 24px;
        font-weight: 500;
    }
    .room_head {
        padding: 10px 0px;
    }
    .about-home {
        margin-top: 0px;
    }
    .about-dis-none {
        display: none;
    }
    figure.effect-lily figcaption>div {
        padding: 1em;
    }
    /* Our value  */
    .dived-area {
        padding: 8px 10px;
    }
    .dived-area h3 {
        font-size: 16px;
    }
    .dived-area p {
        font-size: 10px;
    }
    .our-dis-sub p {
        margin: 0;
    }
    /* Our Available product  */
    .box .product-slide {
        max-width: 250px;
        margin: 0 auto;
    }
    /* Join Form  */
    .button-pop {
        padding: 8px 13px;
        font-size: 16px;
        z-index: 1000;
        -webkit-transform: rotate( -90deg) translate(50%, -100%);
        transform: rotate( -90deg) translate(50%, -100%) !important;
        background: #ea1d24;
        color: #fff;
        outline: none;
        animation: auto !important;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }
    .popup-flex .button-pop {
        position: fixed;
        bottom: 8%;
        z-index: 99999;
        right: -26%;
    }
    /* Form Popup  */
    .popup-content {
        width: 100%;
    }
    .popup-content span {
        right: 0;
    }
    /* About inner  */
    .about-banner {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .section-top {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .section-30 {
        padding: 0;
    }
    .rac-top-all {
        margin-top: 0;
    }
    .races-we-do ul li span {
        font-size: 12px;
    }
    .races-we-do ul li span {
        font-size: 12px;
    }
    .about_after::after {
        display: none;
    }
    .races-in {
        padding: 0;
        margin: 0;
    }
    .about_before::before {
        display: none;
    }
    .about_before img {
        right: 0;
    }
    .races-in strong {
        position: absolute;
        top: 25px;
        left: 17px;
    }
    .max-20 {
        max-width: initial !important;
        flex: auto !important;
        margin: 15px 0px;
    }
    #customers-testimonials .box {
        width: 50% !important;
        text-align: center;
        margin: 0 25% !important;
    }
    .counter {
        padding: 20px 0;
        border-radius: 5px;
        margin: 15px 0px;
    }
    .counter i {
        font-size: 26px;
        color: #ff0000;
    }
    .count-title {
        font-size: 30px;
        font-weight: 700;
        margin-top: 5px;
        text-align: center;
    }
    .count-text {
        font-size: 14px;
        color: #9e9e9e;
        margin: 8px 0px;
    }
    .races-in strong {
        position: absolute;
        top: 25px;
        left: 17px;
    }
    .max-20 {
        max-width: initial !important;
        flex: auto !important;
        margin: 15px 0px;
    }
    #customers-testimonials .box {
        width: 50% !important;
        text-align: center;
        margin: 0 25% !important;
    }
    .counter {
        padding: 20px 0;
        border-radius: 5px;
        margin: 15px 0px;
    }
    .counter i {
        font-size: 26px;
        color: #ff0000;
    }
    .count-title {
        font-size: 30px;
        font-weight: 700;
        margin-top: 5px;
        text-align: center;
    }
    .count-text {
        font-size: 14px;
        color: #9e9e9e;
        margin: 8px 0px;
    }
    /* Services  */
    .section-10 {
        padding: 10px 0px;
    }
    .feature-sec {
        margin: 0;
    }
    .feature-sec h3 {
        margin-bottom: 15px;
    }
    .feature-sec span {
        top: 35px;
    }
    /* blog  */
    .blog-urs .blog-sub {
        padding: 10px;
    }
    /* Product area css  */
    .right-area-upper .menu-button {
        display: none;
    }
    .more-button {
        display: none;
    }
    .line-header {
        position: relative;
    }
    .padding-50 {
        padding: 20px 0;
    }
    .margin-all {
        margin-top: 15px;
    }
    .projectFactsWrap {
        display: block;
    }
    .projectFactsWrap .item {
        padding: 15px;
        width: 100%;
    }
    .projectFactsWrap .item p.number {
        font-size: 30px;
    }
    .projectFactsWrap .item p {
        font-size: 16px;
    }
    .right-area-upper {
        width: 100%;
        border-bottom: 1px solid #ddd;
        display: block;
    }
    .content {
        width: 50% !important;
        float: left !important;
        margin: 0px !important;
        padding: 5px !important;
    }
    .content {
        width: 50% !important;
        float: left !important;
    }
    .ui-group,
    .ui-group .button-group {
        overflow: scroll !important;
        white-space: nowrap !important;
        display: block !important;
    }
    .pn-Advancer {
        display: none;
    }
    .pn-ProductNav {
        font-size: 14px;
    }
    .img-preview img {
        min-height: auto !important;
    }
    .cart-btn {
        font-size: 12px;
    }
    .video-description-wrapper .video-description-info {
        font-size: 14px;
    }
    .video-description-wrapper .video-description-header {
        white-space: nowrap;
        width: 160px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .cart-btn {
        font-size: 12px;
    }
    /* Contact Info  */
    .contact-a li p {
        font-size: 12px;
    }
    .contact-a li i {
        width: 80px;
        height: 80px;
        line-height: 80px;
    }
    .contact-a li span {
        font-size: 12px;
    }
    .races-conc-marg {
        padding: 20px;
        max-width: 100%;
    }
    .races-tops {
        margin-top: 15px;
    }
    .map-contact iframe {
        width: 100%;
        height: 300px;
    }
    .contact_dis button {
        margin-top: 10px;
    }
    /* Footer  */
    .footer-area {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .footer-contact {
        padding: 5px 0px;
    }
    .single-widget img {
        margin-top: 10px;
    }
}

@media (max-width:480px) {
    /* Top Header  */
    .top-header {
        display: none;
    }
    .logo {
        margin-top: 0;
        padding: 0;
    }
    .logo img {
        max-width: 120px;
    }
    .logo {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 46px;
        padding-left: 15px;
        float: none;
    }
    .logo2 {
        display: none;
    }
    nav {
        width: 100%;
    }
    #cssmenu {
        width: 100%;
    }
    #cssmenu .head_ul {
        display: block;
        margin: 0;
        padding: 0;
        float: unset;
    }
    #cssmenu ul li {
        width: 100%;
        border-top: 1px solid #dedede;
    }
    #cssmenu ul li:hover {
        background: #d10a11;
    }
    #cssmenu>ul>li:hover>a {
        color: #fff;
    }
    #cssmenu>ul>li>a {
        padding: 15px 10px;
        font-size: 14px;
        text-transform: uppercase;
        text-decoration: none;
        color: #381457;
    }
    #cssmenu ul ul li,
    #cssmenu li:hover>ul>li {
        height: auto;
    }
    #cssmenu ul li a,
    #cssmenu ul ul li a {
        width: 100%;
        border-bottom: 0;
    }
    #cssmenu>ul>li {
        float: none;
    }
    #cssmenu ul ul li a {
        padding-left: 25px;
    }
    #cssmenu ul ul li {
        background: #333 !important;
    }
    #cssmenu ul ul li:hover {
        background: #363636 !important;
    }
    #cssmenu ul ul ul li a {
        padding-left: 35px;
    }
    #cssmenu ul ul li a {
        color: #ddd;
        background: none;
    }
    #cssmenu ul ul li:hover>a,
    #cssmenu ul ul li.active>a {
        color: #fff;
    }
    #cssmenu ul ul,
    #cssmenu ul ul ul {
        position: relative;
        left: 0;
        width: 100%;
        margin: 0;
        text-align: left;
    }
    #cssmenu>ul>li.has-sub>a:after,
    #cssmenu>ul>li.has-sub>a:before,
    #cssmenu ul ul>li.has-sub>a:after,
    #cssmenu ul ul>li.has-sub>a:before {
        display: none;
    }
    #cssmenu #head-mobile {
        display: block;
        padding: 23px;
        color: #ddd;
        font-size: 12px;
        font-weight: 700;
    }
    .search-top a {
        width: 100%;
        margin: 5px 0px 40px 0px;
        padding: 0;
    }
    .search-top i {
        width: 100%;
    }
    .cart {
        position: absolute;
        right: 0;
        left: 50%;
        text-align: center;
        bottom: 7px;
        z-index: 9999;
    }
    .button_mobile {
        width: 55px;
        height: 46px;
        position: absolute;
        right: 0;
        top: 0;
        cursor: pointer;
        z-index: 12399994;
    }
    .button_mobile:after {
        position: absolute;
        top: 22px;
        right: 20px;
        display: block;
        height: 4px;
        width: 20px;
        border-top: 2px solid #222;
        border-bottom: 2px solid #222;
        content: "";
    }
    .button_mobile:before {
        -webkit-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
        position: absolute;
        top: 16px;
        right: 20px;
        display: block;
        height: 2px;
        width: 20px;
        background: rgb(85, 83, 83);
        content: "";
    }
    .button_mobile.menu-opened:after {
        -webkit-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
        top: 23px;
        border: 0;
        height: 2px;
        width: 19px;
        background: #d10a11;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .button_mobile.menu-opened:before {
        top: 23px;
        background: #d10a11;
        width: 19px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    #cssmenu .submenu-button {
        position: absolute;
        z-index: 99;
        right: 0;
        top: 0;
        display: block;
        border-left: 1px solid #444;
        height: 46px;
        width: 46px;
        cursor: pointer;
    }
    #cssmenu .submenu-button.submenu-opened {
        background: #262626;
    }
    #cssmenu ul ul .submenu-button {
        height: 34px;
        width: 34px;
    }
    #cssmenu .submenu-button:after {
        position: absolute;
        top: 22px;
        right: 19px;
        width: 8px;
        height: 2px;
        display: block;
        background: #ddd;
        content: "";
    }
    #cssmenu ul ul .submenu-button:after {
        top: 15px;
        right: 13px;
    }
    #cssmenu .submenu-button.submenu-opened:after {
        background: #fff;
    }
    #cssmenu .submenu-button:before {
        position: absolute;
        top: 19px;
        right: 22px;
        display: block;
        width: 2px;
        height: 8px;
        background: #ddd;
        content: "";
    }
    #cssmenu ul ul .submenu-button:before {
        top: 12px;
        right: 16px;
    }
    #cssmenu .submenu-button.submenu-opened:before {
        display: none;
    }
    #cssmenu ul ul ul li.active a {
        border-left: none;
    }
    #cssmenu>ul>li.has-sub>ul>li.active>a,
    #cssmenu>ul ul>li.has-sub>ul>li.active>a {
        border-top: none;
    }
    .cart-shop {
        position: absolute;
        top: 0;
        right: 33%;
        text-align: center;
        z-index: 999;
    }
    /* Slider css  */
    .ct-header h1.big {
        line-height: 1.3;
        font-size: 2rem;
    }
    .ct-header p {
        margin: 20px 0 20px 0;
        font-size: 1.5rem;
    }
    .slick-prev:after,
    .slick-next:after {
        margin-top: 1.2rem;
    }
    .slick-prev:before,
    .slick-next:before,
    .slick-prev:after,
    .slick-next:after {
        width: 15px;
    }
    .slick-next {
        right: 100px !important;
    }
    .slick-prev {
        left: 120px !important;
    }
    .slick-prev,
    .slick-next {
        display: none !important;
    }
    .ct-u-display-tablex>.inner {
        display: block;
        padding: 80px 10px;
    }
    .ct-u-display-tablex {
        height: auto !important;
    }
    .ct-desk {
        display: none !important;
    }
    .ct-mobile {
        display: block !important;
        height: auto !important;
    }
    .slick-initialized .slick-slide {
        display: block;
        min-height: 400px !important;
    }
    /* Three Categories  */
    .section-padd {
        padding: 30px 0px;
    }
    .sub-mobile {
        display: none;
    }
    .box8 .title {
        bottom: 8px;
        left: 8px;
    }
    .our-race-sub {
        margin-top: 0;
    }
    .races-in-mision {
        margin-top: 20px;
    }
    .top-marg {
        margin-top: 15px;
    }
    .inner-left {
        padding: 20px 20px;
    }
    .inner-left h2 {
        margin-bottom: 15px;
    }
    .inner-left span {
        position: absolute;
        top: 54px;
        left: 22px;
    }
    .grid figure h2,
    .grid figure p {
        font-size: 20px;
    }
    /* fixed image  */
    .section-50 {
        padding: 30px 0;
    }
    figure.effect-lily figcaption>div {
        padding: 10px;
    }
    .our-room {
        padding: 30px 0px;
    }
    .owl-carousel .owl-next,
    .owl-carousel .owl-prev {
        width: 35px;
        height: 35px;
        line-height: 35px;
    }
    .owl-carousel .owl-prev {
        right: 60px !important;
        top: -15% !important;
    }
    .owl-carousel .owl-next {
        right: 13px !important;
        top: -15% !important;
    }
    .owl-carousel {
        padding: 0;
    }
    .owl-dots {
        display: none;
    }
    .item-details p {
        margin: 0;
    }
    .shas_image_a {
        padding: 0;
        margin: 0;
    }
    .shas_image_a h2 {
        margin-bottom: 15px;
    }
    .shas_image_a span {
        position: absolute;
        top: 30px;
        left: 17px;
    }
    .owl-nav {
        position: relative !important;
        top: 0 !important;
        display: none !important;
    }
    /* Testimonial css  */
    .testimonial_section .about_content {
        padding: 15px !important;
    }
    .testimonial_section .about_content .background_layer {
        width: 100% !important;
    }
    .testimonial_section .testimonial_box {
        margin-top: 0 !important;
    }
    .testimonial_section .testimonial_box .background_layer {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .testimonial_section .testimonial_box .about_content {
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin-top: 28% !important;
    }
    .testimonial_section .testimonial_box .testimonial_container {
        margin-left: 0px !important;
    }
    .testimonial_section .testimonial_box .testimonial_container .testimonials {
        margin: 0;
        padding: 30px 0px 30px 0px !important;
    }
    .testimonial_section .testimonial_box .testimonial_container .testimonials .testimonial_content {
        margin-left: 0px !important;
        margin-top: 0 !important;
        padding: 20px !important;
        position: unset !important;
    }
    .testimonial_section .testimonial_box .testimonial_container .testimonials .images_box {
        display: none;
    }
    .owl-nav {
        position: relative !important;
        top: 0px !important;
        display: none !important;
    }
    .fixed-type {
        padding: 20px 0px 30px 0px;
    }
    .fast_del {
        padding: 20px 15px;
    }
    /* about home */
    .room_head h1 {
        font-size: 24px;
        font-weight: 500;
    }
    .room_head {
        padding: 10px 0px;
    }
    .about-home {
        margin-top: 0px;
    }
    .about-dis-none {
        display: none;
    }
    figure.effect-lily figcaption>div {
        padding: 1em;
    }
    /* Our value  */
    .dived-area {
        padding: 8px 10px;
    }
    .dived-area h3 {
        font-size: 16px;
    }
    .dived-area p {
        font-size: 10px;
    }
    .our-dis-sub p {
        margin: 0;
    }
    /* Our Available product  */
    .box .product-slide {
        max-width: 250px;
        margin: 0 auto;
    }
    /* Join Form  */
    .button-pop {
        padding: 8px 13px;
        font-size: 16px;
        z-index: 1000;
        -webkit-transform: rotate( -90deg) translate(50%, -100%);
        transform: rotate( -90deg) translate(50%, -100%) !important;
        background: #ea1d24;
        color: #fff;
        outline: none;
        animation: auto !important;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }
    .popup-flex .button-pop {
        position: fixed;
        bottom: 8%;
        z-index: 99999;
        right: -26%;
    }
    /* Form Popup  */
    .popup-content {
        width: 100%;
    }
    .popup-content span {
        right: 0;
    }
    /* About inner  */
    .about-banner {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .section-top {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .section-30 {
        padding: 0;
    }
    .rac-top-all {
        margin-top: 0;
    }
    .races-we-do ul li span {
        font-size: 12px;
    }
    .races-we-do ul li span {
        font-size: 12px;
    }
    .about_after::after {
        display: none;
    }
    .races-in {
        padding: 0;
        margin: 0;
    }
    .about_before::before {
        display: none;
    }
    .about_before img {
        right: 0;
    }
    .races-in strong {
        position: absolute;
        top: 25px;
        left: 17px;
    }
    .max-20 {
        max-width: initial !important;
        flex: auto !important;
        margin: 15px 0px;
    }
    #customers-testimonials .box {
        width: 50% !important;
        text-align: center;
        margin: 0 25% !important;
    }
    .counter {
        padding: 20px 0;
        border-radius: 5px;
        margin: 15px 0px;
    }
    .counter i {
        font-size: 26px;
        color: #ff0000;
    }
    .count-title {
        font-size: 30px;
        font-weight: 700;
        margin-top: 5px;
        text-align: center;
    }
    .count-text {
        font-size: 14px;
        color: #9e9e9e;
        margin: 8px 0px;
    }
    .races-in strong {
        position: absolute;
        top: 25px;
        left: 17px;
    }
    .max-20 {
        max-width: initial !important;
        flex: auto !important;
        margin: 15px 0px;
    }
    #customers-testimonials .box {
        width: 50% !important;
        text-align: center;
        margin: 0 25% !important;
    }
    .counter {
        padding: 20px 0;
        border-radius: 5px;
        margin: 15px 0px;
    }
    .counter i {
        font-size: 26px;
        color: #ff0000;
    }
    .count-title {
        font-size: 30px;
        font-weight: 700;
        margin-top: 5px;
        text-align: center;
    }
    .count-text {
        font-size: 14px;
        color: #9e9e9e;
        margin: 8px 0px;
    }
    /* Services  */
    .section-10 {
        padding: 10px 0px;
    }
    .feature-sec {
        margin: 0;
    }
    .feature-sec h3 {
        margin-bottom: 15px;
    }
    .feature-sec span {
        top: 35px;
    }
    /* blog  */
    .blog-urs .blog-sub {
        padding: 10px;
    }
    /* Product area css  */
    .right-area-upper .menu-button {
        display: none;
    }
    .more-button {
        display: none;
    }
    .line-header {
        position: relative;
    }
    .padding-50 {
        padding: 20px 0;
    }
    .margin-all {
        margin-top: 15px;
    }
    .projectFactsWrap {
        display: block;
    }
    .projectFactsWrap .item {
        padding: 15px;
        width: 100%;
    }
    .projectFactsWrap .item p.number {
        font-size: 30px;
    }
    .projectFactsWrap .item p {
        font-size: 16px;
    }
    .right-area-upper {
        width: 100%;
        border-bottom: 1px solid #ddd;
        display: block;
    }
    .content {
        width: 50% !important;
        float: left !important;
        margin: 0px !important;
        padding: 5px !important;
    }
    .content {
        width: 50% !important;
        float: left !important;
    }
    .ui-group,
    .ui-group .button-group {
        overflow: scroll !important;
        white-space: nowrap !important;
        display: block !important;
    }
    .pn-Advancer {
        display: none;
    }
    .pn-ProductNav {
        font-size: 14px;
    }
    .img-preview img {
        min-height: auto !important;
    }
    .cart-btn {
        font-size: 12px;
    }
    .video-description-wrapper .video-description-info {
        font-size: 14px;
    }
    .video-description-wrapper .video-description-header {
        white-space: nowrap;
        width: 160px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .cart-btn {
        font-size: 12px;
    }
    /* Contact Info  */
    .contact-a li p {
        font-size: 12px;
    }
    .contact-a li i {
        width: 80px;
        height: 80px;
        line-height: 80px;
    }
    .contact-a li span {
        font-size: 12px;
    }
    .races-conc-marg {
        padding: 20px;
        max-width: 100%;
    }
    .races-tops {
        margin-top: 15px;
    }
    .map-contact iframe {
        width: 100%;
        height: 300px;
    }
    .contact_dis button {
        margin-top: 10px;
    }
    /* Footer  */
    .footer-area {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .footer-contact {
        padding: 5px 0px;
    }
    .single-widget img {
        margin-top: 10px;
    }
    .slick-initialized .slick-slide {
        background-size: cover;
    }
     
}

@media (max-width:414px) {
    /* Top Header  */
    .top-header {
        display: none;
    }
    .logo {
        margin-top: 0;
        padding: 0;
    }
    .logo img {
        max-width: 120px;
    }
    .logo {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 46px;
        padding-left: 15px;
        float: none;
    }
    .logo2 {
        display: none;
    }
    nav {
        width: 100%;
    }
    #cssmenu {
        width: 100%;
    }
    #cssmenu .head_ul {
        display: block;
        margin: 0;
        padding: 0;
        float: unset;
    }
    #cssmenu ul li {
        width: 100%;
        border-top: 1px solid #dedede;
    }
    #cssmenu ul li:hover {
        background: #d10a11;
    }
    #cssmenu>ul>li:hover>a {
        color: #fff;
    }
    #cssmenu>ul>li>a {
        padding: 15px 10px;
        font-size: 14px;
        text-transform: uppercase;
        text-decoration: none;
        color: #381457;
    }
    #cssmenu ul ul li,
    #cssmenu li:hover>ul>li {
        height: auto;
    }
    #cssmenu ul li a,
    #cssmenu ul ul li a {
        width: 100%;
        border-bottom: 0;
    }
    #cssmenu>ul>li {
        float: none;
    }
    #cssmenu ul ul li a {
        padding-left: 25px;
    }
    #cssmenu ul ul li {
        background: #333 !important;
    }
    #cssmenu ul ul li:hover {
        background: #363636 !important;
    }
    #cssmenu ul ul ul li a {
        padding-left: 35px;
    }
    #cssmenu ul ul li a {
        color: #ddd;
        background: none;
    }
    #cssmenu ul ul li:hover>a,
    #cssmenu ul ul li.active>a {
        color: #fff;
    }
    #cssmenu ul ul,
    #cssmenu ul ul ul {
        position: relative;
        left: 0;
        width: 100%;
        margin: 0;
        text-align: left;
    }
    #cssmenu>ul>li.has-sub>a:after,
    #cssmenu>ul>li.has-sub>a:before,
    #cssmenu ul ul>li.has-sub>a:after,
    #cssmenu ul ul>li.has-sub>a:before {
        display: none;
    }
    #cssmenu #head-mobile {
        display: block;
        padding: 23px;
        color: #ddd;
        font-size: 12px;
        font-weight: 700;
    }
    .search-top a {
        width: 100%;
        margin: 5px 0px 40px 0px;
        padding: 0;
    }
    .search-top i {
        width: 100%;
    }
    .cart {
        position: absolute;
        right: 0;
        left: 50%;
        text-align: center;
        bottom: 7px;
        z-index: 9999;
    }
    .button_mobile {
        width: 55px;
        height: 46px;
        position: absolute;
        right: 0;
        top: 0;
        cursor: pointer;
        z-index: 12399994;
    }
    .button_mobile:after {
        position: absolute;
        top: 22px;
        right: 20px;
        display: block;
        height: 4px;
        width: 20px;
        border-top: 2px solid #222;
        border-bottom: 2px solid #222;
        content: "";
    }
    .button_mobile:before {
        -webkit-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
        position: absolute;
        top: 16px;
        right: 20px;
        display: block;
        height: 2px;
        width: 20px;
        background: rgb(85, 83, 83);
        content: "";
    }
    .button_mobile.menu-opened:after {
        -webkit-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
        top: 23px;
        border: 0;
        height: 2px;
        width: 19px;
        background: #d10a11;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .button_mobile.menu-opened:before {
        top: 23px;
        background: #d10a11;
        width: 19px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    #cssmenu .submenu-button {
        position: absolute;
        z-index: 99;
        right: 0;
        top: 0;
        display: block;
        border-left: 1px solid #444;
        height: 46px;
        width: 46px;
        cursor: pointer;
    }
    #cssmenu .submenu-button.submenu-opened {
        background: #262626;
    }
    #cssmenu ul ul .submenu-button {
        height: 34px;
        width: 34px;
    }
    #cssmenu .submenu-button:after {
        position: absolute;
        top: 22px;
        right: 19px;
        width: 8px;
        height: 2px;
        display: block;
        background: #ddd;
        content: "";
    }
    #cssmenu ul ul .submenu-button:after {
        top: 15px;
        right: 13px;
    }
    #cssmenu .submenu-button.submenu-opened:after {
        background: #fff;
    }
    #cssmenu .submenu-button:before {
        position: absolute;
        top: 19px;
        right: 22px;
        display: block;
        width: 2px;
        height: 8px;
        background: #ddd;
        content: "";
    }
    #cssmenu ul ul .submenu-button:before {
        top: 12px;
        right: 16px;
    }
    #cssmenu .submenu-button.submenu-opened:before {
        display: none;
    }
    #cssmenu ul ul ul li.active a {
        border-left: none;
    }
    #cssmenu>ul>li.has-sub>ul>li.active>a,
    #cssmenu>ul ul>li.has-sub>ul>li.active>a {
        border-top: none;
    }
    .cart-shop {
        position: absolute;
        top: 0;
        right: 33%;
        text-align: center;
        z-index: 999;
    }
    /* Slider css  */
    .ct-header h1.big {
        line-height: 1.3;
        font-size: 2rem;
    }
    .ct-header p {
        margin: 20px 0 20px 0;
        font-size: 1.5rem;
    }
    .slick-prev:after,
    .slick-next:after {
        margin-top: 1.2rem;
    }
    .slick-prev:before,
    .slick-next:before,
    .slick-prev:after,
    .slick-next:after {
        width: 15px;
    }
    .slick-next {
        right: 100px !important;
    }
    .slick-prev {
        left: 120px !important;
    }
    .slick-prev,
    .slick-next {
        display: none !important;
    }
    .ct-u-display-tablex>.inner {
        display: block;
        padding: 80px 10px;
    }
    .ct-u-display-tablex {
        height: auto !important;
    }
    .ct-desk {
        display: none !important;
    }
    .ct-mobile {
        display: block !important;
        height: auto !important;
    }
    .slick-initialized .slick-slide {
        display: block;
        min-height: 400px !important;
    }
    /* Three Categories  */
    .section-padd {
        padding: 30px 0px;
    }
    .sub-mobile {
        display: none;
    }
    .box8 .title {
        bottom: 8px;
        left: 8px;
    }
    .our-race-sub {
        margin-top: 0;
    }
    .races-in-mision {
        margin-top: 20px;
    }
    .top-marg {
        margin-top: 15px;
    }
    .inner-left {
        padding: 20px 20px;
    }
    .inner-left h2 {
        margin-bottom: 15px;
    }
    .inner-left span {
        position: absolute;
        top: 54px;
        left: 22px;
    }
    .grid figure h2,
    .grid figure p {
        font-size: 20px;
    }
    /* fixed image  */
    .section-50 {
        padding: 30px 0;
    }
    figure.effect-lily figcaption>div {
        padding: 10px;
    }
    .our-room {
        padding: 30px 0px;
    }
    .owl-carousel .owl-next,
    .owl-carousel .owl-prev {
        width: 35px;
        height: 35px;
        line-height: 35px;
    }
    .owl-carousel .owl-prev {
        right: 60px !important;
        top: -15% !important;
    }
    .owl-carousel .owl-next {
        right: 13px !important;
        top: -15% !important;
    }
    .owl-carousel {
        padding: 0;
    }
    .owl-dots {
        display: none;
    }
    .item-details p {
        margin: 0;
    }
    .shas_image_a {
        padding: 0;
        margin: 0;
    }
    .shas_image_a h2 {
        margin-bottom: 15px;
    }
    .shas_image_a span {
        position: absolute;
        top: 30px;
        left: 17px;
    }
    .owl-nav {
        position: relative !important;
        top: 0 !important;
        display: none !important;
    }
    /* Testimonial css  */
    .testimonial_section .about_content {
        padding: 15px !important;
    }
    .testimonial_section .about_content .background_layer {
        width: 100% !important;
    }
    .testimonial_section .testimonial_box {
        margin-top: 0 !important;
    }
    .testimonial_section .testimonial_box .background_layer {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .testimonial_section .testimonial_box .about_content {
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin-top: 28% !important;
    }
    .testimonial_section .testimonial_box .testimonial_container {
        margin-left: 0px !important;
    }
    .testimonial_section .testimonial_box .testimonial_container .testimonials {
        margin: 0;
        padding: 30px 0px 30px 0px !important;
    }
    .testimonial_section .testimonial_box .testimonial_container .testimonials .testimonial_content {
        margin-left: 0px !important;
        margin-top: 0 !important;
        padding: 20px !important;
        position: unset !important;
    }
    .testimonial_section .testimonial_box .testimonial_container .testimonials .images_box {
        display: none;
    }
    .owl-nav {
        position: relative !important;
        top: 0px !important;
        display: none !important;
    }
    .fixed-type {
        padding: 20px 0px 30px 0px;
    }
    .fast_del {
        padding: 20px 15px;
    }
    /* about home */
    .room_head h1 {
        font-size: 24px;
        font-weight: 500;
    }
    .room_head {
        padding: 10px 0px;
    }
    .about-home {
        margin-top: 0px;
    }
    .about-dis-none {
        display: none;
    }
    figure.effect-lily figcaption>div {
        padding: 1em;
    }
    /* Our value  */
    .dived-area {
        padding: 8px 10px;
    }
    .dived-area h3 {
        font-size: 16px;
    }
    .dived-area p {
        font-size: 10px;
    }
    .our-dis-sub p {
        margin: 0;
    }
    /* Our Available product  */
    .box .product-slide {
        max-width: 250px;
        margin: 0 auto;
    }
    /* Join Form  */
    .button-pop {
        padding: 8px 13px;
        font-size: 16px;
        z-index: 1000;
        -webkit-transform: rotate( -90deg) translate(50%, -100%);
        transform: rotate( -90deg) translate(50%, -100%) !important;
        background: #ea1d24;
        color: #fff;
        outline: none;
        animation: auto !important;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }
    .popup-flex .button-pop {
        position: fixed;
        bottom: 8%;
        z-index: 99999;
        right: -26%;
    }
    /* Form Popup  */
    .popup-content {
        width: 100%;
    }
    .popup-content span {
        right: 0;
    }
    /* About inner  */
    .about-banner {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .section-top {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .section-30 {
        padding: 0;
    }
    .rac-top-all {
        margin-top: 0;
    }
    .races-we-do ul li span {
        font-size: 12px;
    }
    .races-we-do ul li span {
        font-size: 12px;
    }
    .about_after::after {
        display: none;
    }
    .races-in {
        padding: 0;
        margin: 0;
    }
    .about_before::before {
        display: none;
    }
    .about_before img {
        right: 0;
    }
    .races-in strong {
        position: absolute;
        top: 25px;
        left: 17px;
    }
    .max-20 {
        max-width: initial !important;
        flex: auto !important;
        margin: 15px 0px;
    }
    #customers-testimonials .box {
        width: 50% !important;
        text-align: center;
        margin: 0 25% !important;
    }
    .counter {
        padding: 20px 0;
        border-radius: 5px;
        margin: 15px 0px;
    }
    .counter i {
        font-size: 26px;
        color: #ff0000;
    }
    .count-title {
        font-size: 30px;
        font-weight: 700;
        margin-top: 5px;
        text-align: center;
    }
    .count-text {
        font-size: 14px;
        color: #9e9e9e;
        margin: 8px 0px;
    }
    .races-in strong {
        position: absolute;
        top: 25px;
        left: 17px;
    }
    .max-20 {
        max-width: initial !important;
        flex: auto !important;
        margin: 15px 0px;
    }
    #customers-testimonials .box {
        width: 50% !important;
        text-align: center;
        margin: 0 25% !important;
    }
    .counter {
        padding: 20px 0;
        border-radius: 5px;
        margin: 15px 0px;
    }
    .counter i {
        font-size: 26px;
        color: #ff0000;
    }
    .count-title {
        font-size: 30px;
        font-weight: 700;
        margin-top: 5px;
        text-align: center;
    }
    .count-text {
        font-size: 14px;
        color: #9e9e9e;
        margin: 8px 0px;
    }
    /* Services  */
    .section-10 {
        padding: 10px 0px;
    }
    .feature-sec {
        margin: 0;
    }
    .feature-sec h3 {
        margin-bottom: 15px;
    }
    .feature-sec span {
        top: 35px;
    }
    /* blog  */
    .blog-urs .blog-sub {
        padding: 10px;
    }
    /* Product area css  */
    .right-area-upper .menu-button {
        display: none;
    }
    .more-button {
        display: none;
    }
    .line-header {
        position: relative;
    }
    .padding-50 {
        padding: 20px 0;
    }
    .margin-all {
        margin-top: 15px;
    }
    .projectFactsWrap {
        display: block;
    }
    .projectFactsWrap .item {
        padding: 15px;
        width: 50%;
        float: left;
    }
    .projectFactsWrap .item p.number {
        font-size: 30px;
    }
    .projectFactsWrap .item p {
        font-size: 16px;
    }
    .right-area-upper {
        width: 100%;
        border-bottom: 1px solid #ddd;
        display: block;
    }
    .content {
        width: 50% !important;
        float: left !important;
        margin: 0px !important;
        padding: 5px !important;
    }
    .content {
        width: 50% !important;
        float: left !important;
    }
    .ui-group,
    .ui-group .button-group {
        overflow: scroll !important;
        white-space: nowrap !important;
        display: block !important;
    }
    .pn-Advancer {
        display: none;
    }
    .pn-ProductNav {
        font-size: 14px;
    }
    .img-preview img {
        min-height: auto !important;
    }
    .cart-btn {
        font-size: 12px;
    }
    .video-description-wrapper .video-description-info {
        font-size: 14px;
    }
    .video-description-wrapper .video-description-header {
        white-space: nowrap;
        width: 160px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .cart-btn {
        font-size: 12px;
    }
    /* Contact Info  */
    .contact-a li p {
        font-size: 12px;
    }
    .contact-a li i {
        width: 80px;
        height: 80px;
        line-height: 80px;
    }
    .contact-a li span {
        font-size: 12px;
    }
    .races-conc-marg {
        padding: 20px;
        max-width: 100%;
    }
    .races-tops {
        margin-top: 15px;
    }
    .map-contact iframe {
        width: 100%;
        height: 300px;
    }
    .contact_dis button {
        margin-top: 10px;
    }
    /* Footer  */
    .footer-area {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .footer-contact {
        padding: 5px 0px;
    }
    .single-widget img {
        margin-top: 10px;
    }
    .slick-initialized .slick-slide {
        background-size: cover;
    }
}

@media (max-width:380px) {
    /* Top Header  */
    .top-header {
        display: none;
    }
    .logo {
        margin-top: 0;
        padding: 0;
    }
    .logo img {
        max-width: 120px;
    }
    .logo {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 46px;
        padding-left: 15px;
        float: none;
    }
    .logo2 {
        display: none;
    }
    nav {
        width: 100%;
    }
    #cssmenu {
        width: 100%;
    }
    #cssmenu .head_ul {
        display: block;
        margin: 0;
        padding: 0;
        float: unset;
    }
    #cssmenu ul li {
        width: 100%;
        border-top: 1px solid #dedede;
    }
    #cssmenu ul li:hover {
        background: #d10a11;
    }
    #cssmenu>ul>li:hover>a {
        color: #fff;
    }
    #cssmenu>ul>li>a {
        padding: 15px 10px;
        font-size: 14px;
        text-transform: uppercase;
        text-decoration: none;
        color: #381457;
    }
    #cssmenu ul ul li,
    #cssmenu li:hover>ul>li {
        height: auto;
    }
    #cssmenu ul li a,
    #cssmenu ul ul li a {
        width: 100%;
        border-bottom: 0;
    }
    #cssmenu>ul>li {
        float: none;
    }
    #cssmenu ul ul li a {
        padding-left: 25px;
    }
    #cssmenu ul ul li {
        background: #333 !important;
    }
    #cssmenu ul ul li:hover {
        background: #363636 !important;
    }
    #cssmenu ul ul ul li a {
        padding-left: 35px;
    }
    #cssmenu ul ul li a {
        color: #ddd;
        background: none;
    }
    #cssmenu ul ul li:hover>a,
    #cssmenu ul ul li.active>a {
        color: #fff;
    }
    #cssmenu ul ul,
    #cssmenu ul ul ul {
        position: relative;
        left: 0;
        width: 100%;
        margin: 0;
        text-align: left;
    }
    #cssmenu>ul>li.has-sub>a:after,
    #cssmenu>ul>li.has-sub>a:before,
    #cssmenu ul ul>li.has-sub>a:after,
    #cssmenu ul ul>li.has-sub>a:before {
        display: none;
    }
    #cssmenu #head-mobile {
        display: block;
        padding: 23px;
        color: #ddd;
        font-size: 12px;
        font-weight: 700;
    }
    .search-top a {
        width: 100%;
        margin: 5px 0px 40px 0px;
        padding: 0;
    }
    .search-top i {
        width: 100%;
    }
    .cart {
        position: absolute;
        right: 0;
        left: 50%;
        text-align: center;
        bottom: 7px;
        z-index: 9999;
    }
    .button_mobile {
        width: 55px;
        height: 46px;
        position: absolute;
        right: 0;
        top: 0;
        cursor: pointer;
        z-index: 12399994;
    }
    .button_mobile:after {
        position: absolute;
        top: 22px;
        right: 20px;
        display: block;
        height: 4px;
        width: 20px;
        border-top: 2px solid #222;
        border-bottom: 2px solid #222;
        content: "";
    }
    .button_mobile:before {
        -webkit-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
        position: absolute;
        top: 16px;
        right: 20px;
        display: block;
        height: 2px;
        width: 20px;
        background: rgb(85, 83, 83);
        content: "";
    }
    .button_mobile.menu-opened:after {
        -webkit-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
        top: 23px;
        border: 0;
        height: 2px;
        width: 19px;
        background: #d10a11;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .button_mobile.menu-opened:before {
        top: 23px;
        background: #d10a11;
        width: 19px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    #cssmenu .submenu-button {
        position: absolute;
        z-index: 99;
        right: 0;
        top: 0;
        display: block;
        border-left: 1px solid #444;
        height: 46px;
        width: 46px;
        cursor: pointer;
    }
    #cssmenu .submenu-button.submenu-opened {
        background: #262626;
    }
    #cssmenu ul ul .submenu-button {
        height: 34px;
        width: 34px;
    }
    #cssmenu .submenu-button:after {
        position: absolute;
        top: 22px;
        right: 19px;
        width: 8px;
        height: 2px;
        display: block;
        background: #ddd;
        content: "";
    }
    #cssmenu ul ul .submenu-button:after {
        top: 15px;
        right: 13px;
    }
    #cssmenu .submenu-button.submenu-opened:after {
        background: #fff;
    }
    #cssmenu .submenu-button:before {
        position: absolute;
        top: 19px;
        right: 22px;
        display: block;
        width: 2px;
        height: 8px;
        background: #ddd;
        content: "";
    }
    #cssmenu ul ul .submenu-button:before {
        top: 12px;
        right: 16px;
    }
    #cssmenu .submenu-button.submenu-opened:before {
        display: none;
    }
    #cssmenu ul ul ul li.active a {
        border-left: none;
    }
    #cssmenu>ul>li.has-sub>ul>li.active>a,
    #cssmenu>ul ul>li.has-sub>ul>li.active>a {
        border-top: none;
    }
    .cart-shop {
        position: absolute;
        top: 0;
        right: 33%;
        text-align: center;
        z-index: 999;
    }
    /* Slider css  */
    .ct-header h1.big {
        line-height: 1.3;
        font-size: 2rem;
    }
    .ct-header p {
        margin: 20px 0 20px 0;
        font-size: 1.5rem;
    }
    .slick-prev:after,
    .slick-next:after {
        margin-top: 1.2rem;
    }
    .slick-prev:before,
    .slick-next:before,
    .slick-prev:after,
    .slick-next:after {
        width: 15px;
    }
    .slick-next {
        right: 100px !important;
    }
    .slick-prev {
        left: 120px !important;
    }
    .slick-prev,
    .slick-next {
        display: none !important;
    }
    .ct-u-display-tablex>.inner {
        display: block;
        padding: 80px 10px;
    }
    .ct-u-display-tablex {
        height: auto !important;
    }
    .ct-desk {
        display: none !important;
    }
    .ct-mobile {
        display: block !important;
        height: auto !important;
    }
    .slick-initialized .slick-slide {
        display: block;
        min-height: 400px !important;
    }
    /* Three Categories  */
    .section-padd {
        padding: 30px 0px;
    }
    .sub-mobile {
        display: none;
    }
    .box8 .title {
        bottom: 8px;
        left: 8px;
    }
    .our-race-sub {
        margin-top: 0;
    }
    .races-in-mision {
        margin-top: 20px;
    }
    .top-marg {
        margin-top: 15px;
    }
    .inner-left {
        padding: 20px 20px;
    }
    .inner-left h2 {
        margin-bottom: 15px;
    }
    .inner-left span {
        position: absolute;
        top: 54px;
        left: 22px;
    }
    .grid figure h2,
    .grid figure p {
        font-size: 20px;
    }
    /* fixed image  */
    .section-50 {
        padding: 30px 0;
    }
    figure.effect-lily figcaption>div {
        padding: 10px;
    }
    .our-room {
        padding: 30px 0px;
    }
    .owl-carousel .owl-next,
    .owl-carousel .owl-prev {
        width: 35px;
        height: 35px;
        line-height: 35px;
    }
    .owl-carousel .owl-prev {
        right: 60px !important;
        top: -15% !important;
    }
    .owl-carousel .owl-next {
        right: 13px !important;
        top: -15% !important;
    }
    .owl-carousel {
        padding: 0;
    }
    .owl-dots {
        display: none;
    }
    .item-details p {
        margin: 0;
    }
    .shas_image_a {
        padding: 0;
        margin: 0;
    }
    .shas_image_a h2 {
        margin-bottom: 15px;
    }
    .shas_image_a span {
        position: absolute;
        top: 30px;
        left: 17px;
    }
    .owl-nav {
        position: relative !important;
        top: 0 !important;
        display: none !important;
    }
    /* Testimonial css  */
    .testimonial_section .about_content {
        padding: 15px !important;
    }
    .testimonial_section .about_content .background_layer {
        width: 100% !important;
    }
    .testimonial_section .testimonial_box {
        margin-top: 0 !important;
    }
    .testimonial_section .testimonial_box .background_layer {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .testimonial_section .testimonial_box .about_content {
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin-top: 28% !important;
    }
    .testimonial_section .testimonial_box .testimonial_container {
        margin-left: 0px !important;
    }
    .testimonial_section .testimonial_box .testimonial_container .testimonials {
        margin: 0;
        padding: 30px 0px 30px 0px !important;
    }
    .testimonial_section .testimonial_box .testimonial_container .testimonials .testimonial_content {
        margin-left: 0px !important;
        margin-top: 0 !important;
        padding: 20px !important;
        position: unset !important;
    }
    .testimonial_section .testimonial_box .testimonial_container .testimonials .images_box {
        display: none;
    }
    .owl-nav {
        position: relative !important;
        top: 0px !important;
        display: none !important;
    }
    .fixed-type {
        padding: 20px 0px 30px 0px;
    }
    .fast_del {
        padding: 20px 15px;
    }
    /* about home */
    .room_head h1 {
        font-size: 24px;
        font-weight: 500;
    }
    .room_head {
        padding: 10px 0px;
    }
    .about-home {
        margin-top: 0px;
    }
    .about-dis-none {
        display: none;
    }
    figure.effect-lily figcaption>div {
        padding: 1em;
    }
    /* Our value  */
    .dived-area {
        padding: 8px 10px;
    }
    .dived-area h3 {
        font-size: 16px;
    }
    .dived-area p {
        font-size: 10px;
    }
    .our-dis-sub p {
        margin: 0;
    }
    /* Our Available product  */
    .box .product-slide {
        max-width: 250px;
        margin: 0 auto;
    }
    /* Join Form  */
    .button-pop {
        padding: 8px 13px;
        font-size: 16px;
        z-index: 1000;
        -webkit-transform: rotate( -90deg) translate(50%, -100%);
        transform: rotate( -90deg) translate(50%, -100%) !important;
        background: #ea1d24;
        color: #fff;
        outline: none;
        animation: auto !important;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }
    .popup-flex .button-pop {
        position: fixed;
        bottom: 8%;
        z-index: 99999;
        right: -26%;
    }
    /* Form Popup  */
    .popup-content {
        width: 100%;
    }
    .popup-content span {
        right: 0;
    }
    /* About inner  */
    .about-banner {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .section-top {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .section-30 {
        padding: 0;
    }
    .rac-top-all {
        margin-top: 0;
    }
    .races-we-do ul li span {
        font-size: 12px;
    }
    .races-we-do ul li span {
        font-size: 12px;
    }
    .about_after::after {
        display: none;
    }
    .races-in {
        padding: 0;
        margin: 0;
    }
    .about_before::before {
        display: none;
    }
    .about_before img {
        right: 0;
    }
    .races-in strong {
        position: absolute;
        top: 25px;
        left: 17px;
    }
    .max-20 {
        max-width: initial !important;
        flex: auto !important;
        margin: 15px 0px;
    }
    #customers-testimonials .box {
        width: 50% !important;
        text-align: center;
        margin: 0 25% !important;
    }
    .counter {
        padding: 20px 0;
        border-radius: 5px;
        margin: 15px 0px;
    }
    .counter i {
        font-size: 26px;
        color: #ff0000;
    }
    .count-title {
        font-size: 30px;
        font-weight: 700;
        margin-top: 5px;
        text-align: center;
    }
    .count-text {
        font-size: 14px;
        color: #9e9e9e;
        margin: 8px 0px;
    }
    .races-in strong {
        position: absolute;
        top: 25px;
        left: 17px;
    }
    .max-20 {
        max-width: initial !important;
        flex: auto !important;
        margin: 15px 0px;
    }
    #customers-testimonials .box {
        width: 50% !important;
        text-align: center;
        margin: 0 25% !important;
    }
    .counter {
        padding: 20px 0;
        border-radius: 5px;
        margin: 15px 0px;
    }
    .counter i {
        font-size: 26px;
        color: #ff0000;
    }
    .count-title {
        font-size: 30px;
        font-weight: 700;
        margin-top: 5px;
        text-align: center;
    }
    .count-text {
        font-size: 14px;
        color: #9e9e9e;
        margin: 8px 0px;
    }
    /* Services  */
    .section-10 {
        padding: 10px 0px;
    }
    .feature-sec {
        margin: 0;
    }
    .feature-sec h3 {
        margin-bottom: 15px;
    }
    .feature-sec span {
        top: 35px;
    }
    /* blog  */
    .blog-urs .blog-sub {
        padding: 10px;
    }
    /* Product area css  */
    .right-area-upper .menu-button {
        display: none;
    }
    .more-button {
        display: none;
    }
    .line-header {
        position: relative;
    }
    .padding-50 {
        padding: 20px 0;
    }
    .margin-all {
        margin-top: 15px;
    }
    .projectFactsWrap {
        display: block;
    }
    .projectFactsWrap .item {
        padding: 15px;
        width: 50%;
        float: left;
    }
    .projectFactsWrap .item p.number {
        font-size: 30px;
    }
    .projectFactsWrap .item p {
        font-size: 14px;
    }
    .right-area-upper {
        width: 100%;
        border-bottom: 1px solid #ddd;
        display: block;
    }
    .content {
        width: 50% !important;
        float: left !important;
        margin: 0px !important;
        padding: 5px !important;
    }
    .content {
        width: 50% !important;
        float: left !important;
    }
    .ui-group,
    .ui-group .button-group {
        overflow: scroll !important;
        white-space: nowrap !important;
        display: block !important;
    }
    .pn-Advancer {
        display: none;
    }
    .pn-ProductNav {
        font-size: 14px;
    }
    .img-preview img {
        min-height: auto !important;
    }
    .cart-btn {
        font-size: 12px;
    }
    .video-description-wrapper .video-description-info {
        font-size: 14px;
    }
    .video-description-wrapper .video-description-header {
        white-space: nowrap;
        width: 160px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .cart-btn {
        font-size: 12px;
    }
    /* Contact Info  */
    .contact-a li p {
        font-size: 12px;
    }
    .contact-a li i {
        width: 80px;
        height: 80px;
        line-height: 80px;
    }
    .contact-a li span {
        font-size: 12px;
    }
    .races-conc-marg {
        padding: 20px;
        max-width: 100%;
    }
    .races-tops {
        margin-top: 15px;
    }
    .map-contact iframe {
        width: 100%;
        height: 300px;
    }
    .contact_dis button {
        margin-top: 10px;
    }
    /* Footer  */
    .footer-area {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .footer-contact {
        padding: 5px 0px;
    }
    .single-widget img {
        margin-top: 10px;
    }
    .slick-initialized .slick-slide {
        background-size: cover;
    }
}

@media (max-width:370px) {
    /* Top Header  */
    .top-header {
        display: none;
    }
    .logo {
        margin-top: 0;
        padding: 0;
    }
    .logo img {
        max-width: 120px;
    }
    .logo {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 46px;
        padding-left: 15px;
        float: none;
    }
    .logo2 {
        display: none;
    }
    nav {
        width: 100%;
    }
    #cssmenu {
        width: 100%;
    }
    #cssmenu .head_ul {
        display: block;
        margin: 0;
        padding: 0;
        float: unset;
    }
    #cssmenu ul li {
        width: 100%;
        border-top: 1px solid #dedede;
    }
    #cssmenu ul li:hover {
        background: #d10a11;
    }
    #cssmenu>ul>li:hover>a {
        color: #fff;
    }
    #cssmenu>ul>li>a {
        padding: 15px 10px;
        font-size: 14px;
        text-transform: uppercase;
        text-decoration: none;
        color: #381457;
    }
    #cssmenu ul ul li,
    #cssmenu li:hover>ul>li {
        height: auto;
    }
    #cssmenu ul li a,
    #cssmenu ul ul li a {
        width: 100%;
        border-bottom: 0;
    }
    #cssmenu>ul>li {
        float: none;
    }
    #cssmenu ul ul li a {
        padding-left: 25px;
    }
    #cssmenu ul ul li {
        background: #333 !important;
    }
    #cssmenu ul ul li:hover {
        background: #363636 !important;
    }
    #cssmenu ul ul ul li a {
        padding-left: 35px;
    }
    #cssmenu ul ul li a {
        color: #ddd;
        background: none;
    }
    #cssmenu ul ul li:hover>a,
    #cssmenu ul ul li.active>a {
        color: #fff;
    }
    #cssmenu ul ul,
    #cssmenu ul ul ul {
        position: relative;
        left: 0;
        width: 100%;
        margin: 0;
        text-align: left;
    }
    #cssmenu>ul>li.has-sub>a:after,
    #cssmenu>ul>li.has-sub>a:before,
    #cssmenu ul ul>li.has-sub>a:after,
    #cssmenu ul ul>li.has-sub>a:before {
        display: none;
    }
    #cssmenu #head-mobile {
        display: block;
        padding: 23px;
        color: #ddd;
        font-size: 12px;
        font-weight: 700;
    }
    .search-top a {
        width: 100%;
        margin: 5px 0px 40px 0px;
        padding: 0;
    }
    .search-top i {
        width: 100%;
    }
    .cart {
        position: absolute;
        right: 0;
        left: 50%;
        text-align: center;
        bottom: 7px;
        z-index: 9999;
    }
    .button_mobile {
        width: 55px;
        height: 46px;
        position: absolute;
        right: 0;
        top: 0;
        cursor: pointer;
        z-index: 12399994;
    }
    .button_mobile:after {
        position: absolute;
        top: 22px;
        right: 20px;
        display: block;
        height: 4px;
        width: 20px;
        border-top: 2px solid #222;
        border-bottom: 2px solid #222;
        content: "";
    }
    .button_mobile:before {
        -webkit-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
        position: absolute;
        top: 16px;
        right: 20px;
        display: block;
        height: 2px;
        width: 20px;
        background: rgb(85, 83, 83);
        content: "";
    }
    .button_mobile.menu-opened:after {
        -webkit-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
        top: 23px;
        border: 0;
        height: 2px;
        width: 19px;
        background: #d10a11;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .button_mobile.menu-opened:before {
        top: 23px;
        background: #d10a11;
        width: 19px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    #cssmenu .submenu-button {
        position: absolute;
        z-index: 99;
        right: 0;
        top: 0;
        display: block;
        border-left: 1px solid #444;
        height: 46px;
        width: 46px;
        cursor: pointer;
    }
    #cssmenu .submenu-button.submenu-opened {
        background: #262626;
    }
    #cssmenu ul ul .submenu-button {
        height: 34px;
        width: 34px;
    }
    #cssmenu .submenu-button:after {
        position: absolute;
        top: 22px;
        right: 19px;
        width: 8px;
        height: 2px;
        display: block;
        background: #ddd;
        content: "";
    }
    #cssmenu ul ul .submenu-button:after {
        top: 15px;
        right: 13px;
    }
    #cssmenu .submenu-button.submenu-opened:after {
        background: #fff;
    }
    #cssmenu .submenu-button:before {
        position: absolute;
        top: 19px;
        right: 22px;
        display: block;
        width: 2px;
        height: 8px;
        background: #ddd;
        content: "";
    }
    #cssmenu ul ul .submenu-button:before {
        top: 12px;
        right: 16px;
    }
    #cssmenu .submenu-button.submenu-opened:before {
        display: none;
    }
    #cssmenu ul ul ul li.active a {
        border-left: none;
    }
    #cssmenu>ul>li.has-sub>ul>li.active>a,
    #cssmenu>ul ul>li.has-sub>ul>li.active>a {
        border-top: none;
    }
    .cart-shop {
        position: absolute;
        top: 0;
        right: 33%;
        text-align: center;
        z-index: 999;
    }
    /* Slider css  */
    .ct-header h1.big {
        line-height: 1.3;
        font-size: 2rem;
    }
    .ct-header p {
        margin: 20px 0 20px 0;
        font-size: 1.5rem;
    }
    .slick-prev:after,
    .slick-next:after {
        margin-top: 1.2rem;
    }
    .slick-prev:before,
    .slick-next:before,
    .slick-prev:after,
    .slick-next:after {
        width: 15px;
    }
    .slick-next {
        right: 100px !important;
    }
    .slick-prev {
        left: 120px !important;
    }
    .slick-prev,
    .slick-next {
        display: none !important;
    }
    .ct-u-display-tablex>.inner {
        display: block;
        padding: 80px 10px;
    }
    .ct-u-display-tablex {
        height: auto !important;
    }
    .ct-desk {
        display: none !important;
    }
    .ct-mobile {
        display: block !important;
        height: auto !important;
    }
    .slick-initialized .slick-slide {
        display: block;
        min-height: 400px !important;
    }
    /* Three Categories  */
    .section-padd {
        padding: 30px 0px;
    }
    .sub-mobile {
        display: none;
    }
    .box8 .title {
        bottom: 8px;
        left: 8px;
    }
    .our-race-sub {
        margin-top: 0;
    }
    .races-in-mision {
        margin-top: 20px;
    }
    .top-marg {
        margin-top: 15px;
    }
    .inner-left {
        padding: 20px 20px;
    }
    .inner-left h2 {
        margin-bottom: 15px;
    }
    .inner-left span {
        position: absolute;
        top: 54px;
        left: 22px;
    }
    .grid figure h2,
    .grid figure p {
        font-size: 20px;
    }
    /* fixed image  */
    .section-50 {
        padding: 30px 0;
    }
    figure.effect-lily figcaption>div {
        padding: 10px;
    }
    .our-room {
        padding: 30px 0px;
    }
    .owl-carousel .owl-next,
    .owl-carousel .owl-prev {
        width: 35px;
        height: 35px;
        line-height: 35px;
    }
    .owl-carousel .owl-prev {
        right: 60px !important;
        top: -15% !important;
    }
    .owl-carousel .owl-next {
        right: 13px !important;
        top: -15% !important;
    }
    .owl-carousel {
        padding: 0;
    }
    .owl-dots {
        display: none;
    }
    .item-details p {
        margin: 0;
    }
    .shas_image_a {
        padding: 0;
        margin: 0;
    }
    .shas_image_a h2 {
        margin-bottom: 15px;
    }
    .shas_image_a span {
        position: absolute;
        top: 30px;
        left: 17px;
    }
    .owl-nav {
        position: relative !important;
        top: 0 !important;
        display: none !important;
    }
    /* Testimonial css  */
    .testimonial_section .about_content {
        padding: 15px !important;
    }
    .testimonial_section .about_content .background_layer {
        width: 100% !important;
    }
    .testimonial_section .testimonial_box {
        margin-top: 0 !important;
    }
    .testimonial_section .testimonial_box .background_layer {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .testimonial_section .testimonial_box .about_content {
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin-top: 28% !important;
    }
    .testimonial_section .testimonial_box .testimonial_container {
        margin-left: 0px !important;
    }
    .testimonial_section .testimonial_box .testimonial_container .testimonials {
        margin: 0;
        padding: 30px 0px 30px 0px !important;
    }
    .testimonial_section .testimonial_box .testimonial_container .testimonials .testimonial_content {
        margin-left: 0px !important;
        margin-top: 0 !important;
        padding: 20px !important;
        position: unset !important;
    }
    .testimonial_section .testimonial_box .testimonial_container .testimonials .images_box {
        display: none;
    }
    .owl-nav {
        position: relative !important;
        top: 0px !important;
        display: none !important;
    }
    .fixed-type {
        padding: 20px 0px 30px 0px;
    }
    .fast_del {
        padding: 20px 15px;
    }
    /* about home */
    .room_head h1 {
        font-size: 24px;
        font-weight: 500;
    }
    .room_head {
        padding: 10px 0px;
    }
    .about-home {
        margin-top: 0px;
    }
    .about-dis-none {
        display: none;
    }
    figure.effect-lily figcaption>div {
        padding: 1em;
    }
    /* Our value  */
    .dived-area {
        padding: 8px 10px;
    }
    .dived-area h3 {
        font-size: 16px;
    }
    .dived-area p {
        font-size: 10px;
    }
    .our-dis-sub p {
        margin: 0;
    }
    /* Our Available product  */
    .box .product-slide {
        max-width: 250px;
        margin: 0 auto;
    }
    /* Our Available product  */
    .box .product-slide {
        max-width: 250px;
        margin: 0 auto;
    }
    /* Join Form  */
    .button-pop {
        padding: 8px 13px;
        font-size: 16px;
        z-index: 1000;
        -webkit-transform: rotate( -90deg) translate(50%, -100%);
        transform: rotate( -90deg) translate(50%, -100%) !important;
        background: #ea1d24;
        color: #fff;
        outline: none;
        animation: auto !important;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }
    .popup-flex .button-pop {
        position: fixed;
        bottom: 8%;
        z-index: 99999;
        right: -26%;
    }
    /* Form Popup  */
    .popup-content {
        width: 100%;
    }
    .popup-content span {
        right: 0;
    }
    /* About inner  */
    .about-banner {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .section-top {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .section-30 {
        padding: 0;
    }
    .rac-top-all {
        margin-top: 0;
    }
    .races-we-do ul li span {
        font-size: 12px;
    }
    .about_after::after {
        display: none;
    }
    .races-in {
        padding: 0;
        margin: 0;
    }
    .about_before::before {
        display: none;
    }
    .about_before img {
        right: 0;
    }
    .races-in strong {
        position: absolute;
        top: 25px;
        left: 17px;
    }
    .max-20 {
        max-width: initial !important;
        flex: auto !important;
        margin: 15px 0px;
    }
    #customers-testimonials .box {
        width: 50% !important;
        text-align: center;
        margin: 0 25% !important;
    }
    .counter {
        padding: 20px 0;
        border-radius: 5px;
        margin: 15px 0px;
    }
    .counter i {
        font-size: 26px;
        color: #ff0000;
    }
    .count-title {
        font-size: 30px;
        font-weight: 700;
        margin-top: 5px;
        text-align: center;
    }
    .count-text {
        font-size: 14px;
        color: #9e9e9e;
        margin: 8px 0px;
    }
    .races-in strong {
        position: absolute;
        top: 25px;
        left: 17px;
    }
    .max-20 {
        max-width: initial !important;
        flex: auto !important;
        margin: 15px 0px;
    }
    #customers-testimonials .box {
        width: 50% !important;
        text-align: center;
        margin: 0 25% !important;
    }
    .counter {
        padding: 20px 0;
        border-radius: 5px;
        margin: 15px 0px;
    }
    .counter i {
        font-size: 26px;
        color: #ff0000;
    }
    .count-title {
        font-size: 30px;
        font-weight: 700;
        margin-top: 5px;
        text-align: center;
    }
    .count-text {
        font-size: 14px;
        color: #9e9e9e;
        margin: 8px 0px;
    }
    /* Services  */
    .section-10 {
        padding: 10px 0px;
    }
    .feature-sec {
        margin: 0;
    }
    .feature-sec h3 {
        margin-bottom: 15px;
    }
    .feature-sec span {
        top: 35px;
    }
    /* blog  */
    .blog-urs .blog-sub {
        padding: 10px;
    }
    /* Product area css  */
    .right-area-upper .menu-button {
        display: none;
    }
    .more-button {
        display: none;
    }
    .line-header {
        position: relative;
    }
    .padding-50 {
        padding: 20px 0;
    }
    .margin-all {
        margin-top: 15px;
    }
    .projectFactsWrap {
        display: block;
    }
    .projectFactsWrap .item {
        padding: 15px;
        width: 50%;
        float: left;
    }
    .projectFactsWrap .item p.number {
        font-size: 30px;
    }
    .projectFactsWrap .item p {
        font-size: 14px;
    }
    .right-area-upper {
        width: 100%;
        border-bottom: 1px solid #ddd;
        display: block;
    }
    .content {
        width: 50% !important;
        float: left !important;
        margin: 0px !important;
        padding: 5px !important;
    }
    .content {
        width: 50% !important;
        float: left !important;
        margin: 0px !important;
        padding: 5px !important;
    }
    .ui-group,
    .ui-group .button-group {
        overflow: scroll !important;
        white-space: nowrap !important;
        display: block !important;
    }
    .pn-Advancer {
        display: none;
    }
    .pn-ProductNav {
        font-size: 14px;
    }
    .img-preview img {
        min-height: auto !important;
    }
    .cart-btn {
        font-size: 12px;
    }
    .video-description-wrapper .video-description-info {
        font-size: 14px;
    }
    .video-description-wrapper .video-description-header {
        white-space: nowrap;
        width: 160px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    /* Contact Info  */
    .contact-a li p {
        font-size: 12px;
    }
    .contact-a li i {
        width: 80px;
        height: 80px;
        line-height: 80px;
    }
    .contact-a li span {
        font-size: 12px;
    }
    .races-conc-marg {
        padding: 20px;
        max-width: 100%;
    }
    .races-tops {
        margin-top: 15px;
    }
    .map-contact iframe {
        width: 100%;
        height: 300px;
    }
    .contact_dis button {
        margin-top: 10px;
    }
    .cart-btn {
        font-size: 12px;
    }
    /* Footer  */
    .footer-area {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .footer-contact {
        padding: 5px 0px;
    }
    .single-widget img {
        margin-top: 10px;
    }
    .slick-initialized .slick-slide {
        background-size: cover;
    }
}