/*
Theme Name: Seller Child
Theme URI: http://rohitink.com/2014/07/07/seller-ecommerce-theme/
Template: seller
Author: Rohit Tripathi
Author URI: http://inkhive.com
Description: Seller 1.2 is a Major Upgrade, where it switched from Theme Options to WordPress' Powerful Customizer. Seller Pro is designed to work with Woo Commerce, this theme is the finest free WooCommerce compatible theme you will come accross. It will give your ecommerce website the most professional look you can expect. Moreover, its loaded with a lot of features. Also, if you do not want to use it for a e-commerce site, then also Seller is a fantastic theme. It comes with Professional Slider, Fully Responsive Design, Showcase Area, Footer Widgets, Page Layouts, Beautiful Widgets and a lot more.
Tags: custom-background,two-columns,three-columns,four-columns,right-sidebar,grid-layout,custom-menu,sticky-post,theme-options,threaded-comments,translation-ready,featured-images,photography,blog,e-commerce
Version: 1.4.1.1689412945
Updated: 2023-07-15 09:22:25

*/



@charset "utf-8";
/* CSS Document */




html,
/* body {
   font-family: 'Source Serif Pro', serif;
    height: 100%;
} */

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0px;
    padding: 0px;
}

p {
    margin: 0px;
    padding: 0px; 
}

ul {
    margin: 0px;
    padding: 0px;
    list-style: none; 
}

ul li {
    margin: 0px;
    padding: 0px;
}

a {
    text-decoration: none;
    transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out; 
}

.navbar {
    padding: 0px 0px;
}

.btn {
    text-decoration: none;
    transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;  
}

.navbar {
    padding: 0px 0px;
}

.navbar-toggler-icon {
    background: none;
    height: auto;
    width: auto
}

.navbar-toggler {
    border: 1px solid #000;
    color: #000;
    border-radius: 0px;
}

.navbar-toggler:focus {
    box-shadow: none
}

#header {
    background: url(../images/bg.png) no-repeat top center;
    background-size: cover;
    padding: 0px 0px 80px
}
#header:before{display:none !important;}

.top_menu {
    padding: 15px 0px;
}

.nav-link {
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    padding: 0px 10px;
}

/*.nav-item:last-child .nav-link {*/
/*    color: #F13B91;*/
/*    border: 1px solid #F13B91;*/
/*    border-radius: 3px;*/
/*    font-weight: 500;*/
/*    padding: 5px 10px;*/
/*    margin-left: 15px;*/
/*}*/

/*.nav-item:last-child .nav-link:hover {*/
/*    background: #F13B91;*/
/*    color: #fff*/
/*}*/

.nav-link:focus,
.nav-link:hover {
    color: #F13B91
}

.navbar-expand-lg .navbar-nav {
    align-items: center;
}




.navbar li:hover>ul.dropdown-menu {
    display: block;
}

.dropdown-submenu {
    position: relative;
}
.navbar-expand-lg .navbar-nav .nav-link{color:#fff; font-size:20px; font-weight: 400; padding:15px 20px; text-transform:uppercase;}
/*.nav-item:last-child .nav-link{margin-left:0px}*/

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
}

/* rotate caret on hover */
.dropdown-menu>li>a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
}

.dropdown-menu {
    margin: 0px;
    background: none;
    padding: 0px;
    border-radius: 0px;
    border: none;
    outline: none;
    box-shadow: none; background:#000;
}
.navbar-nav .dropdown-menu{background:#1a1a18; border-radius:5px; padding:15px 0px}
/*.nav-item:last-child .nav-link{background:#1a1a18; padding:10px 21px !important}*/
.dropdown-item {
    color: #fff;
    padding:7px 14px;
    border-radius: 0px; font-size:17px;
}

.dropdown-item:first-child {
    border-radius: 0px;
}

.dropdown-item:focus,
.dropdown-item:hover {
    background: none;
    color: #e1bc72
}



.med_banner {
    padding: 50px 0px;
}

.med_banner h1 {
    font-family: 'Playfair Display', serif;
    color: #F13B91;
    font-size: 60px;
    font-weight: 700;
    text-align: center
}

.med_banner p {
    font-family: 'Playfair Display', serif;
    color: #F13B91;
    font-size: 30px;
    font-weight: 400;
    text-align: center
}

#inform {
    background: linear-gradient(90.35deg, rgba(227, 225, 225, 0.62) 1.14%, rgba(217, 217, 217, 0.62) 38.63%, rgba(255, 255, 255, 0.33) 81.11%);
    border-radius: 10px;
    width: 700px;
    margin: 20px auto;
    padding: 4px;
}

#inform .btn {
    background: linear-gradient(90.35deg, #F13B91 1.14%, #F13B91 38.63%, #F13B91 81.11%);
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    padding: 10px 10px;
    font-size: 18px;
    border-radius: 10px;
    width: auto;
    text-transform: uppercase;
    outline: none;
    box-shadow: none;
    border: 1px solid #F13B91;
    max-width: 10%;
    flex: 10%
}

#inform input[type="text"] {
    width: 100%;
    border-radius: 100px;
    height: 45px;
    font-size: 16px;
    padding: 0px 15px;
    padding-right: 50px;
    outline: none;
    box-shadow: none;
    border: none;
    background: none;
    border: none;
    outline: none;
    border-radius: 0px;
    max-width: 90%;
    flex: 90%
}

#inform form {
    display: flex;
    flex-wrap: wrap;
}


#med_section {
    background: rgb(247, 247, 248);
    background: linear-gradient(171deg, rgba(247, 247, 248, 1) 0%, rgba(219, 220, 223, 1) 100%);
}

.order_imger {
    padding: 0px 0px 10px
}

.three_step {
    background: #FFFEFE;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15);
    border-radius: 12px;
    margin: -70px auto 0px;
    width: 80%;
    display: flex;
    flex-wrap: wrap;
    padding: 25px 0px;
}

.three_step .col4 {
    max-width: 33.33%;
    flex: 33.33%;
    padding: 10px;
    text-align: center
}

.three_step .col4.brderhd {
    border-left: 1px solid #F13B91;
    border-right: 1px solid #F13B91
}

.three_step h2{font-size:15px; color:#2C2B2B; font-weight:400; padding:5px 0px; line-height:26px}

.three_step img {
    max-width: 70px;
    margin: 5px auto;
}

.space_section {
    padding: 30px 0px
}

.hed {
    text-align: center;
    padding: 15px 0px 30px
}

.hed p {
    font-size:18px;
    padding: 3px 0px;
    font-weight: 400;
    color: #000; line-height:31px;
}

.hed h1 {
    font-family: 'Playfair Display', serif;
    color: #F13B91;
    font-size: 40px;
    font-weight: 700;
}

.space_box {
    background: #FFFFFF;
    border-radius: 12px;
}

.space_box h1 {
    font-weight: 500;
    color: #F13B91;
    font-size: 18px;
    padding: 5px 10px;
}

.space_box img {
    width:95%;
    margin: 0px auto;
    display: block;
    padding: 6px 0px; height:235px;
}
.space_section .owl-carousel .owl-item img{width:95% !important; border-radius:10px !important; margin:0px auto  !important; display:block  !important;  height:auto;}
.space_box p {
    font-weight: 400;
    color: #000;
    font-size:15px;
    padding: 5px 10px;
    line-height: 24px;
    min-height:140px;
}

.space_box a {
    background: #F13B91;
    border-radius: 0px 0px 12px 12px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    width: 100%;
    display: block;
    padding: 10px 0px;
    margin: 10px 0px 0px;
    border: 1px solid #F13B91
}

.space_box a:hover {
    color: #F13B91;
    background: #fff
}


.about_section {
    padding: 25px 0px;
}

.about_text h2 {
    font-size: 35px;
    font-weight: 400;
    color: #000;
    padding: 6px 0px;
}

.about_text h1 {
    font-family: 'Playfair Display', serif;
    color: #F13B91;
    font-weight: 700;
    font-size: 45px;
    padding: 6px 0px;
}

.about_text p {
    font-weight: 400;
    color: #A8A2A5;
    font-size: 15px;
    padding: 8px 0px;
}

.about_text a {
    background: #F13B91;
    border-radius: 5px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    width: 180px;
    display: block;
    padding: 10px 0px;
    margin: 10px 0px 0px;
    border: 1px solid #F13B91;
    font-weight: 600
}

.about_text a:hover {
    color: #F13B91;
    background: #fff
}

.product_section {
    padding: 15px 0px 35px;
}

.product_box {
    background: linear-gradient(178.27deg, #F9FCFD 0.12%, rgba(244, 240, 242, 0.28) 96.84%);
    border-radius: 26px;
    padding: 0px;
    text-align: center
}

.product_box h4 {
    color: #FFAA04;
    font-size: 14px;
    text-align: center;
    padding: 5px 10px;
}

.product_box img {
    margin: -80px auto -20px;
    max-width: 140px;
}

.product_box h4 i {
    padding: 0px 3px;
}

.product_box h2 {
    color: #F13B91;
    font-size: 20px;
    text-align: center;
    font-weight: 600;
    padding: 6px 10px;
}

.product_box h3 {
    color: #000;
    font-size: 15px;
    text-align: center;
    font-weight: 600;
    padding: 2px 10px;
}

.product_box p {
    color: #323031;
    font-size: 13px;
    text-align: center;
    font-weight: 400;
    padding: 6px 10px;
}

.product_box a {
    background: #FFFFFF;
    border-radius: 0px 0px 26px 0px;
    font-size: 18px;
    font-weight: 500;
    padding: 9px 0px;
    color: #F13B91;
    display: block;
    width: 45px;
    text-align: center;
    float: right;
    margin: 10px 0px 0px;
}

.product_box a:hover {
    background: #F13B91;
    color: #fff
}

.product_section .owl-theme .owl-nav {
    display: none
}

#owl-demo1 {
    padding-top: 10px;
}

#owl-demo1 .item {
    padding-top: 72px;
}

.owl-theme .owl-dots {
    padding: 25px 0px 0px
}

.owl-theme .owl-dots .owl-dot span {
    background: none;
    border: 1px solid #F13B91;
    height: 15px;
    width: 15px;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #F13B91
}


.patrner_section {
    padding: 60px 0px 20px;
}

.patner_box {
    background: rgb(241, 219, 231);
    background: linear-gradient(90deg, rgba(241, 219, 231, 1) 0%, rgba(248, 246, 250, 1) 100%);
    border-radius: 12px;
    padding: 15px;
    display: flex;
    flex-wrap: wrap;
    position: relative
}

.patner_box .col5 {
    max-width: 50%;
    flex: 50%;
    padding: 10px 15px;
}

.patner_box h2 {
    font-size:25px;
    font-weight: 500;
    color: #000; line-height:31px;
}

.patner_box h2 span {
    font-family: 'Playfair Display', serif;
    color: #F13B91;
}

.patner_box h3 {
    font-size: 18px;
    font-weight: 500;
    color: #F13B91;
    padding: 6px 0px;
}

.patner_box p {
    font-size: 14px;
    font-weight: 400;
    color: #696868;
    padding: 6px 0px;
}

.patner_box a {
    background: #F13B91;
    border: 1px solid #F13B91;
    border-radius: 4px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 10px;
    display: block;
    width: 150px;
    text-align: center;
    margin: 6px 0px;
}

.patner_box a:hover {
    background: #fff;
    color: #F13B91
}

.img_man {
    position: absolute;
    right: 15px;
    bottom: 0px;
    width: 275px;
}

.testomonil_section {
    padding: 25px 0px;
}

.testo_box {
    text-align: center;
    padding: 10px 0px;
}

.testo_box h3 {
    font-size: 20px;
    font-weight: 500;
    color: #F13B91;
    padding: 2px 0px;
}

.testo_box h4 {
    font-size: 15px;
    font-weight: 500;
    color: #000;
    padding: 2px 0px;
}

.testo_box p {
    font-size: 16px;
    font-weight: 400;
    color: #A8A2A5;
    padding: 10px 20px;
    width: 80%;
    display: block;
    margin: 0px auto
}

.testomonil_section .owl-theme .owl-nav {
    margin: 0px;
    top: 50%;
    position: absolute;
    width: 100%;
    display: block
}

.testomonil_section .owl-carousel .owl-nav button.owl-prev {
    float: left;
    height: 40px;
    width: 40px;
    padding: 9px 0 !important;
    text-align: center;
    color: #000;
    outline: none;
    border: none;
    background: linear-gradient(106.63deg, #F9FCFD 14.43%, rgba(255, 190, 221, 0.28) 232.69%);
    box-shadow: -3px 0px 1px rgba(0, 0, 0, 0.01), -1px 0px 1px rgba(0, 0, 0, 0.05), -1px 0px 1px rgba(0, 0, 0, 0.09), 0px 0px 0px rgba(0, 0, 0, 0.1), 0px 0px 0px rgba(0, 0, 0, 0.1);
    border-radius: 12px 0px 0px 12px;
}

.testomonil_section .owl-carousel .owl-nav button.owl-next {
    float: right;
    height: 40px;
    width: 40px;
    padding: 9px 0 !important;
    text-align: center;
    color: #000;
    outline: none;
    border: none;
    background: linear-gradient(266.57deg, #F9FCFD 1.79%, rgba(255, 190, 221, 0.28) 97.75%);
    box-shadow: -3px 0px 1px rgba(0, 0, 0, 0.01), -1px 0px 1px rgba(0, 0, 0, 0.05), -1px 0px 1px rgba(0, 0, 0, 0.09), 0px 0px 0px rgba(0, 0, 0, 0.1), 0px 0px 0px rgba(0, 0, 0, 0.1);
    border-radius: 0px 12px 12px 0px;
}

.testomonil_section .owl-dots {
    display: none;
}

.new_eml {
    display: flex;
    flex-wrap: wrap;
    background: linear-gradient(266.57deg, rgba(255, 190, 221, 0.28) 1.79%, #F9FCFD 88.75%);
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
    border-radius: 12px;
    width: 90%;
    margin: 40px auto 10px
}

.new_eml .col8 {
    max-width: 75%;
    flex: 75%;
}

.new_eml .col4 {
    max-width: 25%;
    flex: 25%;
}

.new_eml .form-control {
    background: none;
    border: none;
    outline: none;
    box-shadow: none;
    height: 55px;
    font-size: 15px;
}

.new_eml .btn {
    background: #F13B91;
    border-radius: 12px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    display: block;
    width: 100%;
    text-align: center;
    height: 55px;
    border: 1px solid #F13B91
}

.new_eml .btn:hover {
    background: #fff;
    color: #F13B91
}

#footer {
    background: #292929;
    padding: 30px 0px 18px;
}

.footerdl p {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    padding: 4px 0px;
}

.footerdl img {
    max-width: 50px;
    margin: 12px 0px;
}

.footerlink h2 {
    font-size: 20px;
    font-weight: 600;
    padding: 10px 0px;
    color: #fff;
}

.footerlink ul li {
    padding: 5px 0px;
}

.footerlink ul li a {
    color: #fff;
    font-size: 14px;
    text-decoration: none
}

.footerlink ul li a:hover {
    color: #ffa6d0
}

.footerlink h4 img {
    max-width: 23px;
}

.footerlink h4 a {
    padding: 0px 10px 0px 0px;
}

.copyright {
    padding: 20px 0px 0px
}

.copyright p {
    color: #7D7C7C;
    font-size: 14px;
    font-weight: 400;
}





/***menu-page***/
.space_section .owl-theme .owl-nav {
    display: none;
}

.navbar-brand img {
    max-width: 120px;
}

#menuheader {
    background: url(../images/menubg.jpg) no-repeat top center;
    background-size: cover;
    padding: 50px 0px
}

#menuheader h1 {
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase
}

#ourmenu {
    background: rgb(247, 247, 248);
    background: linear-gradient(171deg, rgba(247, 247, 248, 1) 0%, rgba(219, 220, 223, 1) 100%);
    padding: 30px 0px;
}

.menuitme {
    display: flex;
    flex-wrap: wrap;
    padding: 10px 0px;
}

.menuitme .col5 {
    max-width: 20%;
    flex: 20%;
    padding: 10px 10px;
}

.menuitme .col3 {
    max-width: 25%;
    flex: 25%;
    padding: 10px 10px;
}

.boxler {
    background: linear-gradient(178.27deg, #F9FCFD 0.12%, rgba(244, 240, 242, 0.28) 96.84%);
    border-radius: 26px;
    padding: 0px;
    text-align: center;
    box-shadow: 0px 4px 2px #00000010;
    min-height: 275px;
}

.boxler h4 {
    color: #FFAA04;
    font-size: 14px;
    text-align: center;
    padding: 5px 10px;
}

.boxler img {
    margin: 0px auto;
    max-width: 100%;
    border-radius: 10px 10px 0px 0px
}

.boxler h4 i {
    padding: 0px 3px;
}

.boxler h2 {
    color: #F13B91;
    font-size: 16px;
    text-align: center;
    font-weight: 600;
    padding: 10px 10px 2px;
}

.boxler h3 {
    color: #000;
    font-size: 14px;
    text-align: center;
    font-weight: 600;
    padding: 5px 10px;
}

.boxler p {
    color: #323031;
    font-size: 13px;
    text-align: center;
    font-weight: 400;
    padding: 6px 10px;
}

.boxler a {
    background: #FFFFFF;
    border-radius: 0px 0px 26px 0px;
    font-size: 18px;
    font-weight: 500;
    padding: 9px 0px;
    color: #F13B91;
    display: block;
    width: 45px;
    text-align: center;
    float: right;
    margin: 10px 0px 0px;
}

.boxler a:hover {
    background: #F13B91;
    color: #fff
}


.foodtext h2 {
    color: #da7b04;
    font-weight: 700;
    font-size: 25px;
    padding: 2px 0px 10px;
}

.foodtext p {
    padding: 6px 0px 15px;
    font-size: 16px;
    font-weight: 400;
    color: #000
}

.foodtext p span {
    color: #c00000;
    font-weight: 600;
}

.foodtext h1 {
    color: #000;
    font-weight: 600;
    font-size: 16px;
    background: #fffcf9;
    text-transform: uppercase;
    padding: 13px 10px;
}

.foodtext ul li {
    padding: 5px 0px 5px 27px;
    font-size: 15px;
    font-weight: 500;
    position: relative
}

.foodtext ul li:before {
    position: absolute;
    left: 0px;
    top: 0px;
    font-family: "bootstrap-icons";
    content: "\F1D4";
    font-size: 21px;
    width: 15px;
    height: 15px;
    color: #087556
}

.foodtext ul {
    padding: 10px 0px
}

p.cdcl {
    padding: 10px 5px;
}

.foodtext ol li {
    list-style: none;
    font-size: 15px;
    font-weight: 500;
    padding: 4px 0px
}

.foodtext ol {
    margin: 0px;
    padding: 0px;
}
/* About Us CSS starts here */
.about-us-banner{
    height: 550px;
    background-size: 100% 100%;
    position: relative;
}
.blue-front{
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: rgba(245, 242, 87, 0.65);;
    height: inherit;
    width: 100%;
    display: flex;
    align-items: center;
}
.big-heading{
    font-size: 55px;
    font-weight: 600;
    text-transform: capitalize;
    color: #292929;
}
.blue-front p{
    line-height: 20px;
    padding: 20px 150px;
    font-size: 25px;
    line-height: 32px;
}
/* About Us CSS end  */


@media (min-width: 992px) and (max-width: 1199px) {
    .med_banner h1 {
        font-size: 48px;
    }

    .med_banner p {
        font-size: 24px;
    }

    .three_step h2 {
        font-size: 17px;
    }

    .three_step img {
        max-width: 61px;
    }

    .hed h1 {
        font-size: 34px;
    }

    .hed p {
        font-size: 19px;
    }

    .space_box h1 {
        font-size: 15px;
    }

    .space_box p {
        font-size: 11px;
        line-height: 22px;
    }

    .space_box a {
        font-size: 15px;
    }

    .about_text h2 {
        font-size: 25px;
    }

    .about_text h1 {
        font-size: 35px;
    }

    .about_text p {
        font-size: 14px;
    }

    .about_text a {
        font-size: 16px;
    }

    .product_box h2 {
        font-size: 15px;
    }

    .product_box h3 {
        font-size: 14px;
    }

    .product_box p {
        font-size: 12px;
    }

    .patner_box h2 {
        font-size: 28px;
    }

    .patner_box p {
        font-size: 13px;
    }

    .patner_box h3 {
        font-size: 16px;
    }

    .testo_box p {
        font-size: 14px;
    }


}

@media (min-width: 768px) and (max-width: 991px) {
    .med_banner h1 {
        font-size: 38px;
    }

    .med_banner p {
        font-size: 20px;
    }

    .three_step h2 {
        font-size: 15px;
    }

    .three_step img {
        max-width: 50px;
    }

    #inform .btn {
        font-size: 16px;
    }

    .three_step {
        width: 100%
    }

    .hed h1 {
        font-size: 34px;
    }

    .hed p {
        font-size: 19px;
    }

    .space_box {
        margin: 15px 0px
    }

    .space_box img {
        width: 98%
    }

    .space_box h1 {
        font-size: 17px;
    }

    .space_box p {
        font-size: 14px;
        line-height: 25px;
        min-height: inherit
    }

    .space_box a {
        font-size: 15px;
    }

    .about_img {
        text-align: center
    }

    .about_text h2 {
        font-size: 22px;
        padding: 0px 0px;
    }

    .about_text h1 {
        font-size: 29px;
    }

    .about_text p {
        font-size: 14px;
    }

    .about_text a {
        font-size: 16px;
    }

    .product_box h2 {
        font-size: 15px;
    }

    .product_box h3 {
        font-size: 14px;
    }

    .product_box p {
        font-size: 12px;
    }

    .patner_box h2 {
        font-size: 28px;
    }

    .patner_box p {
        font-size: 13px;
    }

    .patner_box h3 {
        font-size: 16px;
    }

    .testo_box p {
        font-size: 14px;
    }

    .new_eml .btn {
        font-size: 15px;
    }



    /***menu-css**/
    .menuitme .col5 {
        max-width: 33.33%;
        flex: 33.33%
    }

    .menuitme .col3 {
        max-width: 50%;
        flex: 50%
    }
}

@media (max-width: 767px) {
    .med_banner h1 {
        font-size: 25px;
    }

    .med_banner {
        padding: 10px 0px
    }

    .med_banner p {
        font-size: 16px;
    }

    .three_step {
        padding: 12px 0px;
    }

    .three_step h2 {
        font-size: 11px;
    }

    .three_step .col4 {
        padding: 7px;
    }

    .three_step img {
        max-width: 30px;
    }

    #inform {
        width: 100%;
        position: relative
    }

    #inform .btn {
        font-size: 13px;
        width: 50px;
        max-width: inherit;
        flex: inherit;
        position: absolute;
        right: 4px;
    }

    #inform input[type="text"] {
        padding: 0px 10px;
        font-size: 14px;
        max-width: inherit;
        flex: inherit;
        height: 41px;
    }

    .three_step {
        width: 100%
    }

    .space_section {
        padding: 10px 0px;
    }

    .hed {
        padding: 10px 0px;
    }

    .hed h1 {
        font-size: 25px;
    }

    .hed p {
        font-size: 15px;
    }

    .space_box {
        margin: 15px 0px
    }

    .space_box img {
        width: 98%
    }

    .space_box h1 {
        font-size: 17px;
    }

    .space_box p {
        font-size: 14px;
        line-height: 25px;
        min-height: inherit
    }

    .space_box a {
        font-size: 15px;
    }

    .about_img {
        text-align: center
    }

    .about_text h2 {
        font-size: 18px;
        padding: 0px 0px;
    }

    .about_text h1 {
        font-size: 25px;
    }

    .about_text p {
        font-size: 14px;
    }

    .about_text a {
        font-size: 16px;
    }

    .product_box h2 {
        font-size: 15px;
    }

    .product_box h3 {
        font-size: 14px;
    }

    .product_box p {
        font-size: 12px;
    }

    .patner_box h2 {
        font-size: 22px;
    }

    .patrner_section {
        padding: 20px 0px;
    }

    .product_section {
        padding: 15px 0px
    }

    .img_man {
        position: inherit;
        left: auto;
        right: auto;
        width: 205px;
        text-align: center;
        display: block;
        margin: 0px auto
    }

    .patner_box .col5 {
        max-width: 100%;
        flex: 100%;
        padding: 0px 3px;
    }

    .patner_box {
        padding-bottom: 0px;
        display: block
    }

    .patner_box p {
        font-size: 13px;
    }

    .patner_box h3 {
        font-size: 14px;
    }

    .testo_box p {
        font-size: 13px;
        padding: 10px 0px;
        width: 100%;
    }

    .patner_box a {
        font-size: 13px;
        width: 130px;
    }

    .new_eml {
        width: 100%;
        margin: 20px auto
    }

    .new_eml .btn {
        font-size: 13px;
        height: 45px;
    }

    .new_eml .col8 {
        max-width: 100%;
        flex: 100%;
    }

    .new_eml .col4 {
        max-width: 100%;
        flex: 100%;
    }

    .new_eml .form-control {
        font-size: 13px;
        height: 45px;
    }

    .testomonil_section .owl-theme .owl-nav {
        top: auto;
        bottom: -30px;
        width: 65px;
        left: 0px;
        right: 0px;
        margin: 0px auto
    }

    .testomonil_section .owl-carousel .owl-nav button.owl-prev {
        width: 30px;
        height: 30px;
        font-size: 14px;
        padding: 0px 0px !important;
        margin: 10px 0px
    }

    .testomonil_section .owl-carousel .owl-nav button.owl-next {
        width: 30px;
        height: 30px;
        font-size: 14px;
        padding: 0px 0px !important;
        margin: 10px 0px
    }

    /***menu-css**/
    .menuitme .col5 {
        max-width: 50%;
        flex: 50%
    }

    #ourmenu {
        padding: 30px 0px;
    }

    .menuitme .col3 {
        max-width: 50%;
        flex: 50%
    }
	.three_step .col4{max-width:50%; flex:50%}
}

@media (max-width:390px) {

    /***menu-css**/
    .menuitme .col5 {
        max-width: 100%;
        flex: 100%
    }

    .menuitme .col3 {
        max-width: 100%;
        flex: 100%
    }
}