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

@import url('../css/fonts/css_family=Montserrat_400,500,600,700,800&display=swap.css');

@import url('../css/fonts/css_family=Roboto_400,500,700&display=swap.css');


#products_section .sale p, .sp-zoom, .sale p {
    display: none !important;
}

.sp-large img {
    width: 100%;
}

.medal_med.prod_boxg h2, .medal_med.prod_boxg h5 {
    color: #000 !important;
    text-shadow: 1px 1px 3px #fff; /* Horizontal offset, Vertical offset, Blur radius */
}

html, body {
    font-family: 'Montserrat', sans-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;
}

.fixed-me {
    position: fixed;
    top: 0;
    left: 0px;
    right: 0px;
    background: #fff;
    padding: 10px 0px;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.06);
    z-index: 99999;
    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-light .navbar-toggler-icon {
    background: none;
    height: auto;
    width: auto;
    outline: none;
    box-shadow: none
}

.navbar-light .navbar-toggler {
    border-radius: 0px;
    border: 1px solid #fff;
}

.navbar-light .navbar-toggler .fa {
    color: #fff;
}

#top_header {
    height: 100%;
    width: 100%;
}

.inner {
    background: url(../images/bgimg.png) no-repeat center center;
    background-size: cover;
    overflow: hidden
}

.top_nave {
    padding: 10px 0px;
    /*background: #2e2e2e;*/
    background: var(--main);
}

.navbar-light .navbar-nav .nav-link {
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 14px;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #53c9f9;
}

.fixed-me.navbar-light .navbar-nav .nav-link {
    color: #060606;
}

.fixed-me.navbar-light .navbar-nav .nav-link:focus, .fixed-me.navbar-light .navbar-nav .nav-link:hover {
    color: #53c9f9;
}

#top_header .int_box h2 {
    font-weight: 700;
    font-size: 45px;
    color: #000;
    padding: 9px 0px;
}

#top_header .int_box h3 {
    font-weight: 700;
    font-size: 32px;
    color: #fff;
}

#top_header .int_box a {
    background: #fff;
    padding: 8px 10px;
    border-radius: 5px;
    font-weight: 500;
    color: #000;
    text-decoration: none;
    display: block;
    width: 150px;
    text-align: center;
    border: 1px solid #ffff;
    margin: 15px 0px;
}

#top_header .int_box a:hover {
    background: #53c9f9;
    border-color: #000;
    color: #000;
}

#top_header .medal_med {
    position: relative;
    height: 90%;
}

#top_header .d_mter {
    position: absolute;
    top: 40%;
    left: auto;
    right: auto;
}

.inner1 {
    background: url(../images/bgimg1.png) no-repeat top center;
    background-size: cover;
}

.inner2 {
    background: url(../images/bgimg4.png) no-repeat center center;
    background-size: cover;
}

#top_header .produ {
    text-align: center;
}

#top_header .produ h2 {
    text-align: center;
}

#top_header1 .medal_med {
    padding: 150px 0px 200px;
}

#top_header1 .prod_boxg {
    padding: 50px 0px 80px;
}

#top_header1 .int_box {
    padding: 50px 0px;
}

#top_header1 .int_box h2 {
    font-weight: 700;
    font-size: 35px;
    color: #2e2e2e;
    text-align: center;
}

#top_header1 .int_box a {
    background: #352c75;
    padding: 8px 10px;
    border-radius: 5px;
    color: #fff;
    font-weight: 500;
    color: #fff;
    text-decoration: none;
    display: block;
    width: 140px;
    text-align: center;
    border: 1px solid #352c75;
    margin: 15px 0px;
}


#products_section .prod_text h2 {
    font-size: 25px;
    font-weight: 600;
}

#products_section .inge {
    min-height: 100px;
}

#products_section .ong_prod p {
    font-size: 13px;
    font-weight: 600;
}

#products_section .ong_prod h5 {
    font-size: 13px;
    font-weight: 600;
    padding: 10px 0px;
    color: #7b7b7b;
}

#products_section .ong_prod h5 span {
    text-decoration: line-through
}

#products_section .ong_prod a {
    color: #352c75;
    font-weight: 600;
    font-size: 13px;
    text-decoration: none;
}

#products_section .ing_lk {
    height: 66px;
    overflow: hidden;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    background: #fff;
}

#products_section .ong_prod:hover .ing_lk {
    -webkit-transform: translateY(-33px);
    -ms-transform: translateY(-33px);
    transform: translateY(-33px);
}

#products_section .ong_prod a:hover {
    color: #9a3fd5
}

.im_myg {
    height: 30px;
    overflow: hidden;
}

#products_section .col6 {
    float: left;
    width: 50%;
}

#products_section .prod_text {
    padding: 15px 0px;
}

#products_section .ong_prod {
    padding: 5px 0px;
}

#products_section .ong_prod img {
    transition: transform .5s;
}

#products_section .ong_prod:hover img {
    -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari 3-8 */
    transform: scale(1.1);
}

#products_section .ong_prod:hover a {
    color: #2d3c57;
    transition: transform .5s;
}

#products_section .prod_box h6 {
    text-align: center;
    font-size: 15px;
    color: #999999;
}

#products_section .ong_prod img {
    max-width: 70%;
}

#products_section {
    padding: 0px 0px
}

.bordder {
    border-top: 1px solid #e6e6e6;
}

#products_section .prod_box {
    padding-left: 5%;
    padding-top: 50px;
    padding-bottom: 50px
}

#products_section .prod_box h2 {
    font-size: 28px;
    color: #26405b;
    font-weight: 700;
    padding: 30px 0px;
    text-align: center;
}

#products_section .pad {
    padding: 0px 0px;
    background: url(../../img/bgimg1.png) no-repeat top center;
    background-size: cover;
}

#products_section .pad1 {
    padding: 0px 0px;
    background: url(../../img/bgimg1.png) no-repeat top center;
    background-size: cover;
}

#products_section .sale p {
    background: #93af76;
    padding: 4px 4px;
    color: #fff;
    display: block;
    width: 50px;
    text-align: center;
    font-weight: 600;
    font-size: 10px;
}

#products_section .sale {
    position: relative;
    top: 42px;
    left: 6px;
    z-index: 999;
}

#products_section .prod_img {
    display: none
}

#products_section .inge {
    z-index: 9999;
    position: relative
}

#products_section .o_ong h2 {
    padding-bottom: 6px;
}

#products_section .o_ong {
    padding: 150px 20px;
}


#footer {
    padding: 50px 0px;
    /*background: #f4f4f4;*/
    background: var(--main);
}


#footer .foter_text p {
    /*color: #2c2c2c;*/
    /*color: #ffffff;*/
    font-size: 15px;
    text-align: center;
    padding: 5px 0px;
}

#footer .foter_text p a {
    /*color: #2c2c2c;*/
    color: #ffffff !important;
    padding: 0px 5px;
    text-decoration: none;
}

#footer .foter_text p a:hover {
    color: #352c75;
}
.foter_text {
    color: #ffffff;
}

#top_header1 .contact_text h2 {
    text-align: center;
    font-weight: 700;
    font-size: 30px;
    padding: 5px 0px;
    color: #000
}

#top_header1 .contact_text p {
    font-size: 16px;
    font-weight: 400;
    padding: 10px 0px;
    text-align: center;
    color: #000
}

#conts_section {
    padding: 50px 0px;
}

#conts_section .f-cont h2 {
    font-size: 20px;
    font-weight: 700;
    padding: 6px 0px;
    color: #333
}

#conts_section .f-cont p {
    font-size: 16px;
    font-weight: 400;
    padding: 6px 0px;
    color: #333
}


#product_detail {
    padding: 50px 0px;
}

.watch_text h2 {
    font-size: 35px;
    font-weight: 700;
}

.watch_text h3 {
    color: #53c9f9;
    font-size: 20px;
    font-weight: 600;
    padding: 13px 0px;
}

.watch_text h3 span {
    color: #aaaaaa;
    text-decoration: line-through;
}

.watch_text h4 {
    color: #545454;
    font-weight: 700;
    font-size: 18px;
}

.watch_text ul li {
    padding: 4px 0px;
    font-size: 16px;
    font-weight: 400;
}

.watch_text ul {
    padding: 15px 0px;
}

.watch_text .form-control {
    width: 80px;
    text-align: center;
    border: none;
    outline: none;
    border-radius: 0px;
    border-bottom: 2px solid #e5e5e5;
    font-weight: 600;
    font-size: 16px;
    box-shadow: none
}

.watch_text .olg {
    display: inline-block;
}

.watch_text .btn {
    background: #53c9f9;
    color: #fff;
    border-radius: 0px;
    font-weight: 600;
    width: 180px;
    padding: 10px 0px;
    margin-left: 14px;
}

.rel_p {
    padding-top: 70px;
}

.rel_p h2 {
    font-size: 18px;
    font-weight: 600;
    padding: 10px 0px;
}

#product_detail .prod_text h2 {
    font-size: 25px;
    font-weight: 600;
}

#product_detail .inge {
    min-height: 100px;
}

#product_detail .ong_prod p {
    font-size: 13px;
    font-weight: 400;
}

#product_detail .ong_prod h5 {
    font-size: 13px;
    font-weight: 600;
    padding: 10px 0px;
    color: #7b7b7b;
}

#product_detail .ong_prod h5 span {
    text-decoration: line-through
}

#product_detail .ong_prod a {
    color: #352c75;
    font-weight: 600;
    font-size: 13px;
    text-decoration: none;
}

#product_detail .ing_lk {
    height: 66px;
    overflow: hidden;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    background: #fff;
}

#product_detail .ong_prod:hover .ing_lk {
    -webkit-transform: translateY(-33px);
    -ms-transform: translateY(-33px);
    transform: translateY(-33px);
}

#product_detail .ong_prod a:hover {
    color: #9a3fd5
}

.im_myg {
    height: 30px;
    overflow: hidden;
}

#product_detail .col6 {
    float: left;
    width: 50%;
}

#product_detail .prod_text {
    padding: 15px 0px;
}

#product_detail .ong_prod {
    padding: 5px 0px;
}

#product_detail .ong_prod img {
    transition: transform .5s;
}

#product_detail .ong_prod:hover img {
    -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari 3-8 */
    transform: scale(1.1);
}

#product_detail .ong_prod:hover a {
    color: #2d3c57;
    transition: transform .5s;
}

#product_detail .prod_box h6 {
    text-align: center;
    font-size: 15px;
    color: #999999;
}

#product_detail .inge {
    padding: 10px 5px;
}

#product_detail .ong_prod img {
    max-width: 70%;
}

#product_detail .prod_box h2 {
    font-size: 28px;
    color: #26405b;
    font-weight: 700;
    padding: 30px 0px;
    text-align: center;
}

#product_detail .pad {
    padding: 0px 0px;
    background: url(../images/bgimg2.png) no-repeat top center;
    background-size: cover;
}

#product_detail .pad1 {
    padding: 0px 0px;
    background: url(../images/bgimg3.png.html) no-repeat top center;
    background-size: cover;
}

#product_detail .sale p {
    background: #93af76;
    padding: 4px 4px;
    color: #fff;
    display: block;
    width: 50px;
    text-align: center;
    font-weight: 600;
    font-size: 10px;
}

#product_detail .sale {
    position: relative;
    top: 42px;
    left: 6px;
    z-index: 999;
}

#product_detail .prod_img {
    display: none
}

#product_detail .inge {
    z-index: 9999;
    position: relative
}

#product_detail .o_ong h2 {
    padding-bottom: 6px;
}

#product_detail .o_ong {
    padding: 150px 20px;
}


/*****order_section*****/

#order_section {
    padding: 30px 0px;
    background: #f8f8fb
}

.pay_box {
    box-shadow: 0px 0px 16px #dadada;
    padding: 15px 15px;
    margin: 10px 0px;
    background: #FFF
}

.pay_box h1 {
    font-size: 22px;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
}

.main_formbox h1 {
    font-size: 22px;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    padding: 10px 0px;
}

.item_box {
    padding: 20px 0px;
}

.item_box td {
    font-size: 16px;
    font-weight: 600;
    color: #cc0000;
    font-family: 'Roboto', sans-serif;
}

.item_box td span {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    font-family: 'Roboto', sans-serif;
}

.item_box .table input {
    height: 17px;
    width: 17px;
    position: relative;
    top: 3px;
    margin-right: 3px;
}

.item_box table thead th {
    border-bottom: 1px solid #dee2e6
}

.item_box .table td {
    border-top: none;
    border-bottom: 1px solid #dee2e6;
    padding: 15px 10px;
}

.verk_code {
    width: 350px;
}

.verk_code .col4 {
    width: 30%;
    float: left;
}

.verk_code .col8 {
    width: 70%;
    float: left;
}

.verk_code .btn {
    background: #d0691b;
    color: #fff;
    border-radius: 0px;
    font-family: 'Roboto', sans-serif;
}

.verk_code .form-control {
    font-size: 14px;
    box-shadow: none;
    outline: none;
    border-radius: 0px;
    font-family: 'Roboto', sans-serif;
}

.total_pris p {
    font-size: 18px;
    font-weight: 700;
    color: #cc0000;
    padding: 10px 65px;
    text-align: right
}

.pament_addres .form-control {
    font-size: 14px;
    box-shadow: none;
    outline: none;
    border-radius: 0px;
    border-radius: 3px;
    font-family: 'Roboto', sans-serif;
}

.pament_addres label {
    font-size: 16px;
    font-weight: 600;
    margin: 0px;
    padding: 7px 2px;
    font-family: 'Roboto', sans-serif;
}

.pament_addres .form-group {
    margin: 0px;
    padding: 3px 0px;
}

.pament_addres .form-group p {
    font-size: 16px;
    font-weight: 400;
    padding: 10px 0px;
    font-family: 'Roboto', sans-serif;
}

.main_formbox {
    box-shadow: 0px 0px 16px #dadada;
    padding: 15px 15px;
    margin: 10px 0px;
    background: #FFF
}

.check_inpute {
    padding: 10px 0px;
    font-size: 16px;
    font-weight: 400;
}

.check_inpute a {
    padding: 10px 0px;
    font-size: 16px;
    font-weight: 400;
    color: #cb1a24
}

.ord_tbtn .btn {
    margin: 10px auto;
    width: 200px;
    display: block;
    background: #53c9f9;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    padding: 9px 0px;
    border-radius: 100px;
    color: #fff;
    text-transform: uppercase
}

.ord_tbtn .btn:hover {
    background: #212121
}

.pament_addres .form-group img {
    margin: 10px 0px;
}

.g_cont h2 {
    font-size: 25px;
    padding: 10px 0px;
    color: #cb1a24;
    font-weight: 700;
}

.g_cont h3 {
    font-size: 18px;
    padding: 5px 0px;
    font-weight: 500;
}

.ord_box .col6 {
    float: left;
    width: 50%;
}

.ord_box {
    padding: 15px;
    border: 1px solid #e1e1e1;
}

.ord_box h2 {
    font-size: 20px;
    font-weight: 600;
    padding: 15px 0px;
    vertical-align: middle
}

.list_boc ul li {
    font-size: 15px;
    font-weight: 500;
    padding: 2px 0px
}

.list_boc ul li span {
    float: right
}

.list_boc ul li:last-child {
    color: #F00
}


/*************************/
#products_section .ong_prod p a {
    color: #565656;
}

#products_section .ong_prod button {
    color: #616060;
    font-weight: 600;
    font-size: 13px;
    text-decoration: none;
    outline: none;
    padding: 0px 0px;
    outline: none;
    box-shadow: none
}

.product_view_more {
    text-align: center;
}

.product_view_more a {
    background: #f57e60;
    padding: 4px 6px;
    border-radius: 5px;
    font-weight: 500;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    width: 110px;
    text-align: center;
    border: 1px solid #f57e60;
    margin: 15px 0px;
    font-size: 15px;
}

.ong_prod .inge p a {
    color: #565656 !important;
}

.ong_prod .ing_lk button {
    color: #616060;
    font-weight: 600;
    font-size: 13px;
    text-decoration: none;
    outline: none;
}

.error {
    color: #ec2424;
}

.order_product_details_main {
    margin-bottom: 25px;
    border-bottom: 1px solid #ddd;
}

.order_product_details_main table {
    width: 100%;
    border: none;
}

.order_product_details_main table .top_heading {
    padding: 10px;
    font-size: 14px;
    font-weight: 500;
    border-bottom: 1px solid #ddd;
}

.order_product_details_main table .top_content {
    padding: 10px;
    font-size: 14px;
    font-weight: 500;
    border-bottom: 1px solid #ddd;
}

.order_product_details_main table .body_heading {
    padding: 10px;
}

.order_product_details_main table .body_content {
    padding: 10px;
    font-weight: 500;
    font-size: 15px;
}

.main_formbox {
    box-shadow: none;
    background: #f8f8fb;
}

#orderFormBtn {
    background: #53c9f9;
    color: #fff;
    border-radius: 0px;
    font-weight: 600;
    width: 180px;
    padding: 10px 0px;
    margin-left: 14px;
}

#product_detail .watch_text h4 {
    margin-bottom: 26px;
}

#product_detail .ofe {
    margin-top: 40px;
}

.terms_pos h1 {
    margin-bottom: 20px;
}

.terms_pos p {
    margin-bottom: 15px;
}

.g_cont {
    text-align: center;
}

.custome_main_formbox {
    background: #fff;
    box-shadow: 0px 0px 2px rgb(185, 185, 185);
}

#term_section {
    padding: 40px 0px
}

.term_box h2 {
    font-size: 25px;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    color: #333;
    padding: 10px 0px;
}

.term_box p {
    font-size: 16px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    padding: 10px 0px;
    color: #545454
}

.term_box p span {
    width: 100%;
    display: block;
    font-weight: 700;
}

.contact_text h3 {
    font-size: 18px;
    text-align: center;
    font-weight: 700;
    padding: 10px 0px 0px;
}

#cart_section {
    padding: 40px 0px;
}

.cart_bon img {
    max-width: 100px;
}

.cart_bon .form-control {
    width: 70px;
    border: none;
    box-shadow: none;
    outline: none;
    border-bottom: 2px solid #e5e5e5;
    border-radius: 0px;
    text-align: center;
}

.cart_bon tr td {
    padding: 10px;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

.cart_bon tr td a {
    font-weight: 600;
    color: #000;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
}

.cart_bon tr .inhe {
    font-size: 18px;
    font-weight: 700;
}

.cart_bon tr .te {
    color: #767676;
}

.cart_fr {
    padding: 20px;
    background: #f6f6f6;
}

.cart_fr h3 {
    font-size: 16px;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    padding: 10px 10px;
}

.cart_fr .btn {
    background: #53c9f9;
    padding: 10px 10px;
    display: block;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    border-radius: 0px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 15px;
    border: 1px solid #53c9f9;
    margin: 10px 0px
}

.cart_fr .btn:hover {
    background: #fff;
    color: #53c9f9;
}

.cart_fr ul li {
    padding: 15px 10px;
    font-size: 15px;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    border-top: 1px solid #eeeeee
}

.cart_fr ul li span {
    padding-left: 15px;
    float: right;
}

.hed_box {
    width: 400px;
    max-height: 680px;
    -webkit-box-shadow: 0px 0px 40px -10px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 40px -10px rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 63px;
    right: 0px;
    z-index: 8890;
    background: #53c9f9;
    -webkit-transition: max-height .3s .1s, width .3s .1s, -webkit-box-shadow .7s .5s;
    transition: max-height .3s .1s, width .3s .1s, -webkit-box-shadow .7s .5s;
    -o-transition: max-height .3s .1s, width .3s .1s, box-shadow .7s .5s;
    transition: max-height .3s .1s, width .3s .1s, box-shadow .7s .5s;
    transition: max-height .3s .1s, width .3s .1s, box-shadow .7s .5s, -webkit-box-shadow .7s .5s;
    -webkit-transition-timing-function: cubic-bezier(0.67, 0.17, 0.32, 0.95);
    -o-transition-timing-function: cubic-bezier(0.67, 0.17, 0.32, 0.95);
    transition-timing-function: cubic-bezier(0.67, 0.17, 0.32, 0.95);
    -webkit-box-shadow: 0px 0px 40px -10px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 40px -10px rgba(0, 0, 0, 0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    overflow: hidden;
    border: none;
    border-radius: 0px;
    left: auto;
}

.ing_pord {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 400px;
    margin: 0;
}

.cart_in img {
    max-width: 100px;
}

.cart_in {
    padding: 10px 15px;
    border-bottom: 1px solid #fff;
}

.cart_in .col4 {
    float: left;
    width: 30%;
}

.cart_in .col8 {
    float: left;
    width: 70%;
    padding: 10px;
}

.cart_in a {
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 15px;
    text-decoration: none
}

.cart_in p {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 15px;
    text-decoration: none;
    color: rgba(255, 255, 255, 0.81);
}

.cart_in:last-child {
    border: none;
}

.cart_in .cutw {
    position: absolute;
    top: 0px;
    right: -13px;
    display: none
}

.detl {
    position: relative
}

.cart_in:hover .cutw {
    display: block;
}

.cart_bt ul li {
    color: rgba(255, 255, 255, 0.81);
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    padding: 10px 20px;
}

.cart_bt ul li span {
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    float: right
}

.tn_btn {
    padding: 10px 15px;
}

.tn_btn .btn {
    display: block;
    width: 100%;
    background: #fff;
    color: #53c9f9;
    border-radius: 2px;
    border: none;
    text-transform: uppercase;
    padding: 10px 0px;
    text-align: center;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    outline: none;
    box-shadow: none;
}

.tn_btn .btn1 {
    display: block;
    width: 100%;
    background: #53c9f9;
    color: #fff;
    border-radius: 2px;
    border: none;
    text-transform: uppercase;
    padding: 10px 0px;
    text-align: center;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    cursor: pointer;
    outline: none;
    box-shadow: none;
}


.top_nave ::-webkit-scrollbar {
    width: 10px;
}

.top_nave ::-webkit-scrollbar-thumb {
    background: #fff;
}


@media (min-width: 1200px) {

}


@media (min-width: 992px) and (max-width: 1199px) {
    #products_section .prod_box {
        padding-left: 0px;
    }

    #product_detail .prod_box {
        padding-left: 0px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .int_box h2 {
        font-size: 35px;
    }

    #products_section .prod_img {
        display: block;
    }

    #products_section .pad {
        background: none
    }

    #products_section .pad1 {
        background: none
    }

    #products_section .o_ong {
        padding: 10px 10px;
    }

    #products_section .pad1 .prod_img img {
        width: 100%;
    }

    #product_detail .prod_img {
        display: block;
    }

    #product_detail .pad {
        background: none
    }

    #product_detail .pad1 {
        background: none
    }

    #product_detail .o_ong {
        padding: 10px 10px;
    }

    #product_detail .pad1 .prod_img img {
        width: 100%;
    }

}

@media (max-width: 767px) {
    .int_box h2 {
        font-size: 22px;
    }

    .int_box a {
        font-size: 14px;
    }

    .medal_med {
        position: inherit;
        height: auto;
    }

    .navbar {
        padding: 0px 20px;
    }

    #top_header1 .int_box h2 {
        font-size: 22px;
    }

    #products_section .prod_img {
        display: block;
    }

    #products_section .pad {
        background: none
    }

    #products_section .pad1 {
        background: none
    }

    #products_section .col6 {
        width: 100%;
    }

    #products_section .o_ong {
        padding: 10px 10px;
    }

    #products_section .pad1 .prod_img img {
        width: 100%;
    }

    #products_section .prod_box h2 {
        font-size: 20px;
    }

    #product_detail .prod_img {
        display: block;
    }

    #product_detail .pad {
        background: none
    }

    #product_detail .pad1 {
        background: none
    }

    #product_detail .col6 {
        width: 100%;
    }

    #product_detail .o_ong {
        padding: 10px 10px;
    }

    #product_detail .pad1 .prod_img img {
        width: 100%;
    }

    #product_detail .prod_box h2 {
        font-size: 20px;
    }

    .watch_text h2 {
        font-size: 20px;
    }

    .watch_text h3 {
        font-size: 17px;
        padding: 5px 0px
    }

    .watch_text h4 {
        font-size: 16px;
    }

    .watch_text {
        padding: 10px 0px;
    }

    .watch_text ul li {
        font-size: 14px;
    }

    .cart_bon tr .inhe {
        font-size: 14px;
    }
}

@media (max-width: 627px) {

}

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

}

@media (max-width: 480px) {


}

@media (max-width: 360px) {

}

@media (max-width: 320px) {

}


/************************ success message *********************/
.success_message_main {
    width: 35%;
    position: fixed;
    top: 20%;
    right: -100%;
    z-index: 500000;
    transition: 0.3s;
}

.success_message_show {
    right: 44px !important;
}

.success_message_container {
    background: #53c9f9;
}

.success_message_heading {
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    padding: 12px 0;
}

.success_message_content {
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    padding: 12px 0;
}

.custome_col_3 {
    display: inline-block;
    width: 25%;
    float: left;
    padding: 9px 7px;
    /*background: ;*/
    text-align: center;
}

.custome_col_9 {
    display: inline-block;
    width: 75%;
    float: right;
    padding: 9px 7px;
}

.custome_col_9 a {
    text-decoration: none;
    color: #fff;
}

.icon-shopping-cart {
    color: #fff;
    font-size: 35px;
}

.cart_not_found_head {
    text-align: center;
    margin-bottom: 114px;
}

.cart_not_found_head h3 {
    font-size: 70px;
    font-weight: 600;
}

.cart_not_found_body {
    text-align: center;
}

.cart_not_found_body p {
    font-size: 22px;
    font-weight: 700;
}

.cart_not_found_body span {
    font-size: 80px;
}

.cart_not_found_body a {
    color: #f57e60;
    font-weight: 600;
    font-size: 14px;
    border-bottom: 1px solid #f57e60;
    text-decoration: none;
}

.menu_cart_not_fouond_inner {
    text-align: center;
    padding: 100px 11px;
}

.menu_cart_not_fouond_inner p {
    color: #fff;
    font-weight: 700;
}

.menu_cart_not_fouond_inner span {
    color: #fff;
    font-size: 50px;
}

@media (max-width: 767px) {

    .success_message_main {
        width: 89%;
    }

    .success_message_show {
        right: 24px !important;
    }

    .cart_not_found_head {
        margin-bottom: 60px;
    }

    .cart_not_found_head h3 {
        font-size: 40px;
    }

}

.cart_fr .checkout_info_box span {
    padding-left: 0px;
    float: initial;
}

.cart_fr .checkout_info_box {
    padding: 10px 10px;
    font-weight: 500;
}

.cart_fr .checkout_info_box .check_pro_price {
    float: right;
}

.checkout_box_subtotal {
    color: #53c9f9;
}

#order_error_message p {
    width: 100%;
    font-weight: 500;
    text-align: center;
}

#order_error_message a {
    margin-top: 16px;
    color: #fff;
}

#yes-cart {
    display: flex;
}

#no-cart {
    display: none;
}
.navbar-brand{
    width: 4% !important;
}

.service {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 80px 0;
}

.service .item {
    text-align: center;
}
.service .icon {
    text-align: center;
}

.service .icon i {
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    background: #f7f7f7;
    color: #fff;
    font-size: 38px;
    border-radius: 50%;
}

.bg-gray {
    background: #f7f7f7 !important;
}
