/******** Global Styles ********/
.heading1{font-size: 36px;margin-bottom: 15px;font-family: 'Noto Sans Thai', sans-serif; font-weight: 500;color: #002f5f;}
.heading2{font-size: 20px;}
.heading3{font-size: 16px;margin-top: 25px;font-weight: 600;}
.heading4{font-size: 16px;margin: 10px 0;font-weight: 600;}
.btn-black{background: #002f5f;color: #fff;border:2px solid #002f5f;transition: 0.5s ease-in;font-size: 14px;font-weight: 600;padding: 11px 32px; border-radius:30px;}
.btn-black:hover {background: transparent;color: #002f5f !important; border: 2px solid #002f5f;}
.btn-black-radius {background: transparent;border: 2px solid #022f60;color: #022f60;transition: 0.5s ease-in;padding: 8px 25px;border-radius: 30px;font-weight: 600;}
.btn-black-radius:hover{ background: #022f60;color: #fff; border: 2px solid transparent; }
.btn-blue-radius{background: #002f5f;color: #fff;border: 2px solid #002f5f;transition: 0.5s ease-in;font-size: 14px;font-weight: 400;
    padding: 11px 32px;}
.btn-blue-radius:hover {background: transparent;color: #002f5f;border: 2px solid #002f5f;}
ul, li, h1, h2, h3, h4, h5, h6{padding-left: 0;margin: 0;}
li{list-style: none;}
a{text-decoration: none;color: #2c2c2c;}
a:hover {text-decoration: none;color: #2c2c2c;}
p{margin:0; }
.btn:focus{box-shadow: none;}
body{font-family: 'Source Sans 3', sans-serif;font-size: 16px;height: 100%;padding-top: 4.5rem;color: #55565a;}
html {scroll-behavior: smooth;}

/**************************products-page********************************/
/**************** Header Styles ****************/
.fixed-top{background: #fff;}
header .navbar  img{ width: 100px; }
header .top-header{background:#02274B;padding: 5px 0;}
header .top-header ul li a, header .bottom-header ul li a {padding-right: 8px;padding-left: 8px;font-weight: 600; transition:0.5s all ease-out;color: #fff;font-size: 13px; text-transform: capitalize;}
header .top-header ul li a:hover{ color:#fff; }
header .top-header ul li:first-child a {padding-left: 0;}
header .top-header  ul li:last-child a {padding-right: 0;}
header .top-header .right{text-align:right;}
header .top-header ul li{display: inline-block; line-height: 30px;}
header .top-header .dropdown ul li{display: block;}
header .top-header .dropdown-menu{left: -55px !important;background-color: #f8f8f8;box-shadow: 0 2px 4px 0 rgb(0 0 0 / 16%);
border: none;border-radius: 0;padding: 12px 10px;}
header .top-header .dropdown .btn {color: #fff;font-size: 14px;font-weight: 500;padding:0 8px;}
header .top-header .btn-check:checked+.btn, header .top-header .btn.active, header .top-header .btn.show, header .top-header .btn:first-child:active, header .top-header :not(.btn-check)+.btn:active, header .top-header [type=button]:not(:disabled), header .top-header [type=reset]:not(:disabled), header .top-header [type=submit]:not(:disabled), header .top-header button:not(:disabled) {
border: 0;}
header .top-header  .dropdown {margin-right: 0px;}
header .top-header .dropdown-menu.show{margin-top: 5px !important;width: 195px;}
header .top-header .dropdown-menu.show:before {content: "";width: 75px;height: 2px;background: #000;position: absolute;
top: -2px;left:29%;}
header .top-header .dropdown-menu.show li{padding: 3px 0;}
header .navbar{box-shadow: 0 2px 4px 0 rgb(0 0 0 / 16%);padding: 0 1rem; background: #022F60;}
header .navbar-dark .navbar-nav .nav-link {color: #fff;font-weight: 500;font-size: 16px;padding: 18px 0; margin-right: 33px;}
header .navbar-brand{ margin-right: 0; padding-top: 0; padding-bottom: 0; }
header .navbar-dark .navbar-toggler-icon{ background: none; }
header .disp-non{display: none;}
header .navmenu ul li ul.megamenu{width: inherit;padding: 20px 0;background-color: #f8f8f8;position: absolute;display: none;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
header .navmenu ul li ul.megamenu:before {left: 15px;content: "";background: #000;width: 120px;height: 2px;display: block;top: 0;position: absolute;}
header .navmenu ul li:hover ul.megamenu{display: block;}
header .navmenu ul li:hover ul.megamenu li{width: 116px;margin: 0 15px;float: left; margin-bottom: 10px;}
header .navmenu ul li:hover ul.megamenu li a{color: #2c2c2c; opacity: 0.9; display: block; margin-bottom: 10px !important; font-size: 12px; font-weight: 500;}
header .navmenu ul li:hover ul.megamenu li a:hover{background: none !important;color: #38539a;}
header .navmenu ul li:hover ul.megamenu li h1{padding: 10px 0px;font-size: 13px;color: #000;line-height: 22px;margin-bottom: 10px;}
header .navmenu ul li :hover ul.megamenu p{color: red;margin: 5px;padding: 5px;}
}
header .megamenu li a:hover {background: transparent !important;color: #38539a !important;text-decoration: underline;}
header form{ position: relative; margin-right: 40px; width: 100%;}
header form .form-control {border: 1px solid transparent;border-radius: 5px;min-height: 43px;margin: 15px 0;width: 100% !important;
font-weight: 400;margin-right: 0 !important;color: #2c2c2c;}
header form .form-control:focus{background-color: #fff;border-color: transparent;outline: 0;box-shadow: none;border: 2px solid transparent;}
header form ::placeholder{ font-weight: 500; font-size: 14px; color: #2c2c2c }
header form .btn{ position: absolute; right: 0; }
header form .btn i{color: #9a9a9a; }
header .cart { float: right; position: absolute; right: 0; }
header .cart i {font-size: 20px;margin-top: 10px;color: #fff;}
header .dis-non{ display: none !important;  }
header .middle-header ul li { display: inline-block;line-height: 30px;}
header .middle-header ul { float: right;}
header .middle-header li a { color: #fff; font-weight: 600;}
header .middle-header ul .btn { color:#fff; font-weight: 600;}
header .bottom-header .navbar-nav .nav-link{ color: #002F5F !important; }
header .middle-header form .form-control::placeholder {color: #9a9a9a;}
header .top-header .dropdown-menu{ padding: 0.7rem 0.7rem; border-radius: 0;}
header .top-header .dropdown-menu a {color: #55565A; line-height: 36px;margin-left: 0;}
header .top-header .dropdown-menu a:hover { margin-left: 0;background: #0075a4;color: #fff !important;}
header .coupon {background-image: linear-gradient(to right, #019ee8, #73dbf7);text-align: center;color: #fff;
    font-weight: 400; font-size: 16px; padding: 5px;}
header .coupon a{ color:#fff; text-decoration:underline; }
header .dropdown-toggle[aria-expanded="true"]:after {transform: rotate(180deg); }
/*for animation*/ 
header .dropdown-toggle:after { transition: 0.7s; }
header .dropdown-toggle::after { display: inline-block;margin-left: 0.255em;font-size: 15px;font-family: "Font Awesome 6 Free"; content: "\f107";border: 0; vertical-align: middle;}
header .fw-dp { position:static; }
header .fw-dp .dropdown-menu { width: 95%; margin: 0 auto !important; right: 0;}
header .fw-dp img { width: 90%;}
header .fw-dp .min-h { border: 1px solid #e4e4e4;text-align: center;display: flex;flex-direction: column;justify-content: center;
}
/*********Mid-benner-Styles*********/
.mid-banner {
    padding:160px 15px 30px;
    margin-bottom:25px;
}
.mid-banner .left-banner {
    width: 100%;
    display: flex;
    flex-direction: column;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    min-height: 400px;
}
.mid-banner .left-banner img {
    height: 100%;
}
.mid-banner .right-content {
    background: #f3f8ec;
    width: 50%;
    display: flex;
    flex-direction: column;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    color: #546223;
    padding: 0 60px;
    min-height: 400px;
}
.mid-banner .carousel-item:nth-child(2) .right-content {
    background: #f2f9fa;
    color: #485d8f;
}
.mid-banner .carousel-item:last-child .right-content {
    background: #f3f8ec;
    color: #228637;
}
.mid-banner .carousel-control-prev-icon, .mid-banner  .carousel-control-next-icon{
    background-image: none;
}
.mid-banner .carousel-control-prev-icon img , .mid-banner  .carousel-control-next-icon img{
    padding: 9px;
    border-radius: 75px;
    width: 35px;
}
.mid-banner .carousel-control-prev {
    left: -70px;
    opacity: 0;
}
.mid-banner .carousel-control-next {
    right: -60px;
    opacity: 0;
}
.mid-banner:hover .carousel-control-prev {
	opacity: 1;
}
.mid-banner:hover .carousel-control-next {
	opacity: 1;
}
.mid-banner .carousel-indicators {
	bottom: -50px;
    margin: 0;
}
.mid-banner .carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 75px;
    background-color: #fff;
    opacity: 1;
    margin-right: 25px;
}
.mid-banner .carousel-indicators .active{
	background: #8a9fb8;
    border-radius: 75px;
}
.mid-banner .right-content h2 {
    font-weight: 700;
    line-height: 40px;
    text-shadow: 1px 1px 1px #756c6c;
}
.mid-banner .right-content h5 {
    margin: 10px 0;
    font-size: 18px;
    line-height: 26px;
}
.mid-banner .right-content p {
    font-size: 14px;
    line-height: 25px;
}
.shop-category .just-prod img {
    width: 100%;
    height: 100%;
    clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
}
.shop-category .just-prod a{
    font-size:16px;
    font-weight: 600;
}
.shop-category .just-prod a i{
    padding-right:2px;
} 
.double-box-reg {
    text-align: center;
}
.double-box-reg img {
    width: 80px;
    height: 80px;
    text-align: center;
    display: block;
    margin: 0 auto 10px;
}
.double-box-reg .bx-shadow{
    box-shadow: rgb(50 50 93 / 25%) 0px 13px 27px -5px, rgb(0 0 0 / 30%) 0px 8px 16px -8px;
    border-radius: 10px;
}
.double-box-reg .top-content {
    color: #0b4d5d;
    background: #e6ebec;
    padding:20px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
.double-box-reg .top-content h2 {
    font-size: 28px;
    font-weight: 600;
}
.double-box-reg .top-content h3 {
    font-size: 14px !important;
    font-weight: 400;
}
.double-box-reg .top-content a {
    margin-top: 15px;
    font-weight: 600;
    display: block;
    color: #0b4d5d;;
}
.double-box-reg .rep:last-child .top-content {
    color: #CB2B15;
    background: #ffeee1;
}
.double-box-reg .rep:last-child .top-content a{
    color: #CB2B15
}
.double-box-reg .mid-content h5,  .double-box-reg .bottom-content h5{
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 20px;
}
.double-box-reg .rep:last-child .mid-content h5{
    color: #cb2b15;
    margin-bottom: 30px;
}
.double-box-reg .mid-content {
    border-bottom: 1px solid #eee;
    padding: 20px;
    min-height: 402px;
}
.double-box-reg  .bottom-content {
    padding: 30px 20px;
}
.double-box-reg .bx-shadow p {
    font-size: 11px;
    margin-bottom: 20px;
}
.double-box-reg button:hover{
    transition: 0.5s ease-in;
}
.double-box-reg .rep1 button{
    background: #0b4d5d;
    border: 0;
}
.double-box-reg .rep2 button{
    background: #CB2B15;
    border: 0;
}
.double-box-reg .rep .btn-primary:not(:disabled):not(.disabled).active, .double-box-reg .rep .btn-primary:not(:disabled):not(.disabled):active, .double-box-reg .rep .show>.btn-primary.dropdown-toggle{
    background-color: #CB2B15;
    border-color: #CB2B15;
}
.double-box-reg .rep button:focus-visible{
    outline:0;
}
.double-box-reg .tandc h3 {
    margin-bottom: 25px;
}
.double-box-reg .tandc ul {
    text-align: left;
}
.double-box-reg .tandc ul li {
    margin-bottom: 15px;
    font-size: 12px;
    line-height: 25px;
    list-style: initial;
}
.double-box-reg .tandc ul li .checkbox{
    margin-right: 10px;
}
.double-box-reg .tandc .rep1 .card{
    background: #e6ebec;
    color: #0b4d5d;
    margin-top: 15px;
    border-radius: 10px;
    padding: 40px;
}
.double-box-reg .tandc .rep1 a{
    color: #0b4d5d;
    font-weight: 600;
    padding: 7px 0;
    border:1px solid transparent;
    transition: 0.5s ease-in;
    border-radius: 30px
}
.double-box-reg .tandc .rep1 span a{
    color: #0b4d5d;
}
.double-box-reg .tandc .rep1 a:hover{
    background: #0b4d5d;
    color: #fff;
    padding: 7px 0;
    border-radius: 30px;
}



.double-box-reg .tandc .rep2 .card{
    background: #ffeee1;
    color: #CB2B15;
    margin-top: 15px;
    border-radius: 10px;
    padding: 40px;
}
.double-box-reg .tandc .rep2 a{
    color: #CB2B15;
    font-weight: 600;
    padding: 7px 0;
    border:1px solid transparent;
    transition: 0.5s ease-in;
    border-radius: 30px
}
.double-box-reg .tandc .rep2 span a{
    color: #CB2B15;
}
.double-box-reg .tandc .rep2 a:hover{
    background: #CB2B15;
    color: #fff;
    padding: 7px 0;
    border-radius: 30px;
}
.awards-sec {
    padding: 50px 0 100px;
    display: block;
}
.carousel-item .single-box img {
    width: 100%;
    display: block;
    border-radius: 5px;
    background: #f8f8f8;
    padding: 20px; 
}
.carousel-item .single-box h3 {
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    margin-top: 20px;
}
.awards-sec .owl-carousel .owl-item {
    text-align: center;
}
.awards-sec .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    background: #f8f8f8;
    padding: 20px;
    border-radius: 5px;
}
.awards-sec .owl-item h3 {
    margin-top: 20px;
    font-size: 24px;
    font-weight: 600;
}
.awards-sec .carousel-indicators {
    bottom: -50px;
}
.awards-sec  .carousel-indicators li {
    background: #c1c1c1;
    border:0;
    width: 95px;
    height: 4px;
}
.awards-sec  .carousel-indicators li.active {
    background: #2c2c2c;
}
.awards-sec  .carousel-control-next-icon {
    background-image: url(../images/right-arrow.png);
    background-color: #2c2c2c;
    background-size: 15px;
    padding: 20px;
}
.awards-sec   .carousel-control-prev-icon {
    background-image: url(../images/left-arrow.png);
    background-color: #2c2c2c;
    background-size: 15px;
    padding: 20px;
}
.awards-sec .carousel-control-prev, .awards-sec .carousel-control-next{
    width:auto;
}
.client-testimonials{
    background: #fafafa;
    padding: 60px 20px 0;
}
.client-testimonials h2{
    font-weight: 500;
    font-size: 35px;
    text-align: center;
}
.client-testimonials  a{
    width: 100%;
    text-align: center;
    text-decoration: underline;
    margin-top: -20px;
}
.client-testimonials h3 {
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
}
.client-testimonials span{
    font-weight: 600;
    font-size: 14px;
    margin-top: 28px;
    display: block;
}
.client-testimonials p{
   font-size: 14px;
}
.clients-testimonials {
    background: #fafafa;
    padding: 60px 20px 0px;
}
.clients-testimonials  h2{
    font-weight: 500;
    font-size: 35px;
    text-align: center;
}
.clients-testimonials  a{
    width: 100%;
    text-align: center;
    text-decoration: underline;
    margin-top: -20px;
    color: #485d8f;
}
.clients-testimonials .carousel-inner h3 {
    font-size: 20px;
    line-height: 26px;
    min-height:160px;
    font-weight: 600;
}
.clients-testimonials .carousel-inner span{
    font-weight: 600;
    font-size: 14px;
    display: block;
}
.clients-testimonials .carousel-inner p{
   font-size: 14px;
}
.clients-testimonials .carousel-inner {
    padding: 60px 20px 100px;
}
.clients-testimonials .carousel-item img {
    background: rgb(0, 31, 83);
    width: 100%;
    margin: 0 auto;
}
.clients-testimonials .carousel-item h3 i {
    display: block;
    margin-bottom: 10px;
}
.clients-testimonials .carousel-indicators li{
    background-color: #2c2c2c;
    width: 65px;
}
.clients-testimonials .carousel-indicators{
    margin-bottom: 50px;
}
.client-testimonials .item img{
    background:rgb(0, 31, 83);
    width: 140px;
    margin: 0 auto;
}
.client-testimonials .item h3 i {
   display: block;
   margin-bottom: 10px; 
}
.client-testimonials button.owl-dot {
    border: 0;
    height: 4px;
    width: 75px;
    background: #e4e4e4;
    margin-right: 10px;
}
.client-testimonials .owl-dots {
    margin: 70px auto 0 40%;
}
.client-testimonials .owl-nav.disabled{
    display: none;
}
.client-testimonials button.owl-dot.active {
    background: #2c2c2c;
}


/*********products-Styles*********/
main{ margin-top: 120px; }
main .breadcrumb{ background: transparent;margin-bottom: 10px; margin-top: 30px;}
main .breadcrumb-item a {font-weight: 400;font-size: 16px;color: #002f5f;}
main .breadcrumb-item.active a {font-weight: 600;}
main .breadcrumb-item+.breadcrumb-item::before{ color: #2c2c2c; }
main .breadcrumb-item.active {font-weight: 600;color:#002f5f;font-size: 15px;}
.package-content {margin: 30px 0;}
main .package-content p {line-height: 32px;width: 55%;}
main .tab {float: left;width: 25%;height: 300px;}
/* Style the buttons inside the tab */
main .tab button {display: block;background-color: inherit;color: black;padding: 22px 16px;width: 100%;border: none;
outline: none;text-align: left;cursor: pointer;transition: 0.3s;font-size: 16px;text-transform: uppercase;font-weight: 600;border-bottom: 1px solid #919191;}
main .tab button:first-child {border-top: 1px solid #919191;}
/* Change background color of buttons on hover */
main .tab button:hover {background-color: #ddd;}
/* Create an active/current "tab button" class */
main .tab button.active {background-color: #f4f4f4;}
main .nav-pills-custom .nav-link.active i {display: none;}
.nav-pills-custom .nav-link {color: #aaa;background: #fff;position: relative;border-radius: 0;border-bottom: 1px solid #919191;
color: #2c2c2c;font-weight: 600;padding: 22px 16px !important;}
.nav-pills-custom .nav-link.active {color: #2c2c2c;background: #f4f4f4;}
.nav-pills-custom .nav-link i{float: right;}
.nav-pills-custom .nav-link:first-child {border-top: 1px solid #919191;}
/* Add indicator arrow for the active tab */
@media (min-width: 992px) {
.nav-pills-custom .nav-link::before {content: '';display: block;border-top: 8px solid transparent;border-left: 10px solid #fff;
border-bottom: 8px solid transparent;position: absolute;top: 50%;right: -10px;transform: translateY(-50%);opacity: 0;}
}
/* Style the tab content */
.main .tabcontent {float: left;padding: 0px 12px;width: 75%;border-left: none;height: 300px;}
.prod {border: 1px solid #e4e4e4;margin-bottom: 25px;text-align: center;border-radius: 15px;box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;}
.prod .top-image img {width: 100%;border-top-left-radius: 15px;border-top-right-radius: 15px;}
.prod .top-image .heading3 { color: #002F5F;}
.prod .mid-content h6 {margin: 10px 0;color: #002f5f;font-size: 24px;}
.prod .ratings p {color: #55565a;font-size: 13px;font-weight: 500;}
.prod .mid-content {padding: 20px;}
.prod .mid-content ul li{display: inline-block;}
.prod .btn-content{padding:20px 15px;}
.prod .mid-content {padding: 0 15px;border-bottom: 1px solid #e4e4e4;}
.prod .mid-content ul { display: inline-block; } 
.prod .mid-content span { display: inline-block;margin-bottom: 5px;}
.prod .mid-content p i {color: #38539a;padding-right: 5px;}
.prod .btn-content .btn-black{ display: block;text-align: center;cursor: pointer;border-radius: 25px;padding: 8px;font-weight: 600;width: 100%;}
.prod .mid-content .cost p{font-size: 14px;}
.prod .mid-content .cost span {color: #11874c;font-weight: 600;font-size: 14px;}
.just-prod img {width: 100%;}
.just-prod a {margin-top: 15px;display: block; transition: 0.5s all ease-out;}
.just-prod a:hover{color: #38539a !important;}
.box-shadow .prod {border: 0;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; border-radius: 15px; text-align: center;}
.box-shadow .prod .top-image img {width: 100%;border-top-left-radius: 15px;border-top-right-radius: 15px;}
.box-shadow .prod .top-image {padding: 0;}
.box-shadow .prod h4 {margin-bottom: 20px; line-height: 22px; padding: 0 8px; margin:5px 0;}
.box-shadow .btn-content {border-top: 1px solid #e4e4e4;}
/****.box-shadow .btn-content .btn-black{display:block;padding: 5px 25px;}***/


/*********double-box*********/
.double-box {padding: 50px 0;}
.double-box .img-box{ height: 100%; }
.double-box .img-box img{ width: 100%; height: 100%;}
.double-box .no-pad { padding: 0; display: flex;flex-direction: column;vertical-align: middle;align-items: center;
    justify-content: center; background: #f2f9fa; color: #485d8f;}
.double-box .bg-box h2{text-shadow: 1px 1px 1px #756c6c;line-height: 40px;font-weight: 700;font-size: 32px;}
.double-box .bg-box p {font-size: 14px;line-height: 25px;font-weight: 500;margin-bottom: 10px;}
.double-box .bg-box a{color: #485d8f;font-weight: 600;margin-top: 30px;display: block; transition: 0.5s all ease-out;}

/*******recom-products*******/
.recom-products{ padding: 50px 0;text-align: center;}
.recom-products h2{ margin: 0 auto 15px; padding: 0 15px; color: #002F5F; font-weight: 600;text-transform: uppercase;}

/*********contact-blks***********/
.contact-blks .no-gap {border-right: 1px solid #eee;border-top: 1px solid #eee; border-left: 1px solid #eee;border-bottom: 1px solid #eee;min-height: 250px;
    display: flex;flex-direction: column; vertical-align: middle;align-items: center;justify-content: center;padding: 0 40px;}
.contact-blks .no-gap p {text-align: center;font-size: 12px;width: 70%;font-weight: 500;}   
.contact-blks .no-gap i {color: #919191;font-size: 35px;}
.contact-blks .no-gap h3 {margin: 15px 0 10px;color:#55565A;font-weight: 600;} 
.contact-blks .no-gap a {margin-top: 10px; font-size: 14px;}

/*********social-icons***********/
.social-icons{ text-align: center; margin: 40px 0; }
.social-icons ul li{ display: inline-block; margin: 0 5px;}
.social-icons li i {background: #022f60;color: #fff;width: 30px;height: 30px;transition: all ease-out 0.5s; border: 1px solid transparent;font-size: 15px;text-align: center;line-height: 30px;border-radius: 50%;}
.social-icons li a:hover i {background: transparent;border: 1px solid #022f60;color: #022f60;}
/*********top-footer**********/
.footer-menu {width: 97%; margin: 50px auto;}
.footer-menu ul li {margin-bottom: 10px;font-size: 13px;font-weight: 450;}
.footer-menu li a{transition: 0.5s all ease-out;color: #55565A;}
.footer-menu li a:hover {color: #485d8f !important;font-weight: 600;}


/*******Footer Styles********/
footer {padding: 15px;background: #f4f4f4;font-size: 12px; font-weight: 500;color: #55565A;}
footer ul { text-align: right; }
footer ul li{display: inline-block;padding: 0 6px;line-height: 14px;border-right: 1px solid #2c2c2c;} 
footer ul li:last-child{ border-right: 0; }
footer ul li a{color:#55565A;}
footer ul li a:hover{ color: #38539a; text-decoration: underline;}
.main-footer .heading4{ text-transform:uppercase; font-size:14px; font-weight:700; color:#55565A; }

/**************************Single-product-page********************************/
.single-product {padding: 20px 0;}
.single-product .nav-pills-custom .nav-link { background: none; padding: 10px 0 !important; border-bottom: none; }
.single-product .nav-pills-custom .nav-link:first-child {border-top: none;}
.single-product .tab-content .tab-pane img {max-width: 100%;height: 360px;max-height: 100%;}
.single-product .heading1 {font-size: 30px;font-weight: 700;}
.single-product .top-content h4 {font-size: 14px; margin-bottom: 5px;font-weight: 500;color: #666;}
.single-product .top-content h4 span{ color: #2c2c2c; font-weight: 600;}
.single-product .top-content h4 span #green {color: #11874c;}
.single-product .top-content .rating {padding: 15px 0;}
.single-product .top-content h3 {margin: 0px 0 15px;font-size: 22px !important;font-weight: 700;}
.single-product .bottom-content {border-top: 1px solid #b5b5b5; padding: 15px 0;margin-top: 30px;}
.single-product .bottom-content h4 {font-size: 18px;margin-bottom: 5px;}
.single-product .bottom-content h3 {margin-bottom: 8px;font-size: 20px;}
.single-product .bottom-content p::-webkit-scrollbar {background: #b5b5b5;width: 4px;}
.single-product .bottom-content p::-webkit-scrollbar-thumb {background: red;border-radius: 6px;border: 3px solid #7d7777;}
.single-product  .zoomed-images ul{display: inline-block;}
.single-product .zoomed-images ul li{margin-bottom: 10px;}
.single-product .zoomed-images li img{width: 70px;height: 70px;}
.single-product .zoomed-images .big_img{width: 350px; height: 350px;display: inline-block;margin-left: 10px;vertical-align: top;}
.single-product .zoomed-images .magnifier, .single-product .zoomed-images .cursorshade {border: 1px solid #b5b5b5 !important;}
.accordian-tb {padding: 40px 0;}
.single-product .accordian-tb .card-header {background: transparent !important;border: 0;border-bottom: 1px solid #b5b5b5;padding: 20px 0;}
.accordian-tb .card{border: 0;}
.accordian-tb .card-body{padding: 0;}
.accordian-tb .card-body h2 { font-size: 24px; font-weight: 600;}
.accordian-tb .card-body h4 {font-size: 19px;margin: 15px 0 5px;}
.accordian-tb .card-body p {margin-bottom: 10px;}
.accordian-tb #accordion{width: 75%;margin: 0 auto;}
.accordian-tb .mb-0 > a {display: block;position: relative;font-size: 32px;font-weight: 600;}
.accordian-tb .mb-0  a:hover {color: #38539a;}
.accordian-tb .mb-0 > a:after {content: "\f107";font-family: "Font Awesome 5 Free";position: absolute;right: 0;
  font-weight: 600;}
.accordian-tb .mb-0 > a[aria-expanded="true"]:after {content: "\f106";font-family: "Font Awesome 5 Free";font-weight: 600;}
header .dropdown-item.active, header .dropdown-item:active{ background-color:transparent; color:#2c2c2c; }
.single-product .text-more .read-more-state {display: none;}
.single-product .text-more .read-more-target {opacity: 0;max-height: 0; font-size: 0;transition: .25s ease;}
.single-product .text-more .read-more-state:checked ~  .read-more-wrap .read-more-target {opacity: 1;font-size: inherit;max-height: 999em;}
.single-product .text-more .read-more-wrap { color:#55565a; margin: 15px 0 10px;}
.single-product .text-more .read-more-state ~  .read-more-trigger:before {content: 'Read More';}
.single-product .text-more .read-more-state:checked ~  .read-more-trigger:before {content: 'Read Less';}
.single-product .text-more .read-more-trigger {cursor: pointer;display: inline-block;padding:0;color: #0075a4;font-size: .9em;line-height: 2;border-radius: .25em; font-weight: 400; font-size: 16px; text-transform: uppercase;}

/**************************Start-a-business-page********************************/
.banner{ position: relative; }
.banner:after{content: ""; background: rgba(0,0,0, 0.4); position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.banner img{ width:100%; }
.banner-content{position: absolute;top: 0;right: 0;color: #fff;width: 50%;z-index: 99;text-align: right;padding-right: 80px;display: flex;flex-direction: column;min-height: 100%;justify-content: center;}
.banner-content h2 { margin-bottom: 20px;}
.banner-content a {color: #fff;font-weight: 400;}
.two-boxes .center-content {min-height: 75vh; display: flex;flex-direction: column;justify-content: center;}
.two-boxes .content-box p {font-weight: 500;margin-bottom: 10px;}
.two-boxes .content-box li {font-size: 14px;margin-bottom: 7px;list-style: disc; margin-left: 20px;}
.two-boxes .content-box a {font-weight: 600;margin-top: 15px;}
.start-earning { padding: 80px 0;  text-align: center;}
.start-earning h2{ border-top: 2px solid #e6e6e6; color:#05305d; margin: 0 auto; padding:65px 0; text-align: center; width: 75%;}
.start-earning a{ }


/**************************News-page********************************/
.news-section {padding: 50px 0;}
.news-blks {box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px; padding: 15px 15px 25px; margin-bottom: 15px;}
.nav-link.active {background: #2c2c2c !important;color: #fff !important;}
.news-blks img {width: 235px; height: 235px;}
.news-blks h3 {font-size: 17px;margin: 15px 0;min-height: 70px;}
.news-blks p {font-size: 15px;min-height: 135px; word-break: break-word;}


/**************************Events-page********************************/
.paragraph-note{ padding: 40px 0; }
.paragraph-note p{ margin-bottom: 40px;  }
.paragraph-note ul li{ margin-bottom: 10px;  }


/**************************FAQ's-page********************************/
.faq-content{ padding: 80px 0;     text-align: center; }
.faq-content h2{ font-weight: 500; }
.faq-content .nav-tabs{ margin-top: 70px; }
.faq-content .card-header {background: #fff;}
.faq-content .btn-link { color: #2c2c2c; font-weight: 600;font-size: 18px;}
.faq-content .btn-link:hover, .faq-content .btn-link:focus { text-decoration: none;}
.faq-content #accordionExample {text-align: left;}

/**************************Contact-page********************************/
.contact-heading{ text-align: center; margin: 50px 0 100px;}
.imp-topics-heading {margin-bottom: 40px;}
.imp-topics-heading .head {background: #eeeeee;font-weight: 400;font-size: 19px; padding: 5px 25px; display: block; margin-bottom: 10px;border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd;}
.imp-topics-heading .head i{ float: right; line-height: 25px; }
.imp-topics-heading li a {padding: 5px 25px;font-weight: 600;display: block;}
.contact-details {background: #eeeeee; border: 1px solid #dddddd;padding: 40px 20px  20px; margin-bottom: 20px;min-height: 620px;}
.contact-details .heading3{ margin-top: 0; font-size: 22px;}
.contact-details p{ width: 100% !important; margin-bottom: 10px; font-size: 14px;line-height: 25px !important;}
.contact-details i {margin-top: 12px;height: 40px;border-radius: 75px;font-size: 26px;}
.content-main-block h2 {margin-top: -40px;margin-bottom: 12px;text-align: center;font-weight: 600;font-size: 22px;}

/**************************Testimonials-page********************************/
.testimonials-main {margin: 75px 0;}
.testimonials-main .image-block img {width: 100%;}
.testimonials-main .image-block { position: relative;display: flex;justify-content: center;flex-direction: column;margin-bottom: 30px;}
.testimonials-main .content-block { position: absolute; width: 93%; margin-top: 85px;min-height: 75px;background: rgba(255, 255, 255, 0.8); padding: 20px 20px;}
.testimonials-main .content-block a:hover{  text-decoration: underline;}



/**************************Discover-page********************************/
.owl-blocks {text-align: center;}
.owl-blocks .item {border: 1px solid #e5e5e5;}
.owl-blocks .content {padding: 0 25px 20px;}
.owl-blocks h2 {font-size: 19px;font-weight: 700;line-height: 27px; text-transform: uppercase;}
.owl-blocks p {font-size: 14px;line-height: 23px;margin: 15px 0; min-height:160px;}
.owl-blocks a {font-weight: 600;}
.owl-blocks .owl-carousel .owl-dot { background: #eaeaea; width: 50%; height: 5px; }
.owl-blocks .owl-dot.active {background: #c1c1c1;}
.owl-blocks .owl-dots button:focus{ outline: 0; }
.explore-products {padding: 80px 0; text-align: center;}
.explore-products .explore-blocks {margin-bottom: 30px;}
.explore-products  .top-content {padding: 50px 50px 25px; min-height: 295px;}
.explore-products  h3{ font-size:32px; font-weight: 600;  }
.explore-blocks p {line-height: 25px;font-size: 15px;font-weight: 500; margin: 15px 0; min-height: 125px;       }
.explore-blocks a{ font-weight: 700; }
.explore-products img{ width: 100%; }


/**************************Legal-page********************************/
.certificate { padding-bottom: 50px; }
.certificate img{ width: 100%; height: 280px; border: 6px solid #2c2c2c; }
.certificate .btn{ padding: 5px 10px; font-size: 13px;font-weight: 400;}
.certificate h2 { margin: 15px 0;font-size: 18px; min-height: 45px;}

/**************************Vision-Mission-page********************************/
.core-values{ padding-bottom: 30px; }
.core-blks {box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px;padding: 30px 15px; margin-bottom: 30px; min-height: 380px;}
.core-values .text-center { margin-bottom: 40px;}
.core-blks h3{ margin-top: 0; font-size: 20px; }
.core-blks p {font-size: 13px;margin-top: 10px; line-height: 22px;}


/**************************Shipping-Delivery-page********************************/
.main-box {background: #eeeeee; padding: 15px 30px;}
.main-box li a {font-weight: 700; margin: 30px 0;display: block;}
.topic-content {margin: 50px 0;padding: 50px 0;border-top: 1px solid #eee;}
.topic-content h3 { margin-top: 0; }
.topic-content p { margin: 20px 0;font-weight: 400;font-size: 14px;}
.topic-content #tracking-orders, .topic-content #delivery-options, .topic-content #freight-forwarding, .topic-content #product-status, .topic-content #ordering-products, .topic-content #order-tracking, .topic-content #return-policy, .topic-content #returning-order, .topic-content #return-status, .topic-content #viewing-order, .topic-content #backorder {scroll-margin-top: 150px;}
.topic-content #back-to-top {font-weight: 600;margin-top: 10px;display: block;float: right;}


/**************************Products-Advisory-Board-Member-page********************************/
.board-members { margin: 50px 0;}
.board-members h3.heading3 {font-weight: 700; font-size: 18px;margin-bottom: 0px;box-shadow: rgb(0 0 0 / 10%) 0px 1px 2px 0px; background: #eee; padding: 10px 15px;}
.board-members h3  {font-weight: 700; margin-bottom: 40px;}
.board-members li {padding: 10px 15px; border: 1px solid #eee;font-weight: 500;}
.board-members #no-bor { padding-left: 35px;}
.board-members #no-bor li {border: none;list-style: disc;line-height: 25px; font-weight: 400;}
.board-members #no-bor li span{ display: block; }  
.board-members .add-padd{ padding-left: 50px; }
.board-members p{ line-height: 28px; }
.board-members p i {color: #c7cacb;font-size: 39px;}
.board-members .t-right img { width: 100%;}


/**************************Privacy-policy-page********************************/
.privacy-policy .bg-box {background: #f4f4f4;display: flex;flex-direction: column;width: 100%;min-height: 200px;justify-content: center;padding: 20px;}
.privacy-content {padding: 50px 0;}
.privacy-content h4{margin-bottom: 10px;font-size: 18px;}
.privacy-content p{ line-height: 29px; font-size: 15px; }
.privacy-content li {line-height: 29px;}
.privacy-policy .box .t-right img {width: 100%;}



/**************************Cart-page********************************/
.checkout-wrapper {margin: 80px 0;}
.checkout-wrapper .left-blk h4 {font-size: 18px; font-weight: 600;}
.checkout-wrapper .left-blk h4 a:hover { text-decoration: underline; }
.checkout-wrapper .left-blk h5 {font-size: 15px;margin-top: 8px;font-weight: 600;}
.checkout-wrapper .left-blk h5 span{color: #666;}
.checkout-wrapper .border-bottom ul li {font-size: 13px;font-weight: 500;}
.checkout-wrapper h4 .green-bg {background: #f0fae5;color: #107f47;font-size: 14px;padding: 5px 10px;border-radius: 6px;    margin-left: 15px;}
.checkout-wrapper .border-top {padding: 35px 0;}
.checkout-wrapper .number span {cursor:pointer; }
.checkout-wrapper .minus, .checkout-wrapper .plus{ padding:2px 15px 2px 15px;font-size: 20px;display: inline-block;vertical-align: middle;text-align: center;font-weight: 600;}
.checkout-wrapper input{width: 52px;text-align: center;font-size: 18px;font-weight: 600;border:0;display: inline-block;vertical-align: middle;}
.checkout-wrapper .number {display: inline-block;border: 2px solid #2c2c2c;border-radius: 25px;margin-top: 35px;}
.checkout-wrapper .number  :focus-visible { outline: 0;}
.checkout-wrapper .left-blk .btn-black-radius:hover {background: #38539a !important;}
.checkout .form-control:focus { box-shadow:none;}
@media (min-width: 576px) {
.checkout-wrapper .left-blk  .modal-dialog {max-width: 765px;}
}
.checkout-wrapper .left-blk .modal-dialog .modal-body {padding: 0;}
.checkout-wrapper .left-blk .modal-content { position: relative;padding: 45px; }
.checkout-wrapper .left-blk .modal-header{ border: 0; padding: 0; }
.checkout-wrapper .modal-dialog .border-top {padding: 10px 0;}
.checkout-wrapper .left-blk .modal-dialog .modal-header h5 { font-size: 20px;}
.checkout-wrapper .left-blk  .modal-dialog h5{ margin:0; font-size: 14px;margin-bottom: 5px;}
.checkout-wrapper .left-blk  .modal-dialog .number {     margin-top: 15px; }
.checkout-wrapper .left-blk .modal-header .close { background: #000;color: #fff; opacity: 1; position:absolute; top:0; right:0;margin: 0;padding: 3px 7px;}
.checkout-wrapper .left-blk  .modal-footer {margin: 0 auto;border: 0;}
.checkout-wrapper .pos-sticky{position: sticky;top: 150px;}
.checkout-wrapper .heading1{font-size: 28px;font-weight: 700;}
.checkout-wrapper .heading1 span{font-size: 24px;font-weight: 400;margin-left: 10px;}
.checkout-wrapper .colored-blk{background: #f7f7f7;padding: 30px 25px;border-radius: 10px;}
.checkout-wrapper .right-blk h2 { font-size: 22px;font-weight: 600;}
.checkout-wrapper .right-blk ul li { padding: 15px 0; border-bottom: 1px solid #2c2c2c33;}
.checkout-wrapper .right-blk ul li:last-child{ border: none;color: #38539a;font-size: 14px; }
.checkout-wrapper .right-blk ul li span { float: right;}
.checkout-wrapper .right-blk ul li span i { padding-right: 5px; }
.checkout-wrapper .right-blk a{ line-height: 18px; font-size: 14px;  }
.checkout-wrapper .right-blk a:hover{text-decoration: underline}
.checkout-wrapper .right-blk a img {width: 65px;}
.checkout-wrapper .right-blk a.btn-black-radius {display: block; font-size: 16px; text-align: center; margin-top: 15px;}
.checkout-wrapper .right-blk a.btn-black-radius:hover{ text-decoration: none; color: #2c2c2c; border: 2px solid #2c2c2c; }


/**************************Checkout-page********************************/
.checkout {margin: 80px 0 130px;}
.checkout .bg-box h4 {font-size: 15px;font-weight: 400;margin-bottom: 5px;line-height: 20px;}
.checkout .left-blk .bg-box {background: #f7f7f7;padding: 20px 20px;border-radius: 10px;}
.checkout .form-group input {border: 2px solid #2c2c2c;width: 100%; text-align: left;border-radius: 10px;font-weight: 400;
    font-size: 15px;}
.checkout .form-group label{ font-weight: 600; }
.checkout .right-blk {margin-top: 50px; }
.checkout h3 {font-weight: 600;margin: 40px 0 20px;font-size: 24px;}
.checkout .form-group select {border: 2px solid #2c2c2c;border-radius: 10px;}
.checkout .left-blk .btn { background: #929292; margin-top: 20px;border-radius: 50px;color: #fff;padding: 5px 30px;}
.checkout .next-block { border-top: 1px solid #b5b5b5; margin-top: 25px;}
.checkout .next-block h3 {margin: 40px 0 20px;}
.checkout .right-blk ul li:last-child {color: inherit;font-size: inherit;}
.checkout .colored-blk {margin-bottom: 15px;}
.board-members .disp-inline{ text-align: center; }
.board-members .disp-inline a {display: inline-block;}




/*************************Media Queries*************************/
@media screen and ( max-width: 1248px ) {
    .mid-banner .carousel-control-prev {left: -60px;}
    .mid-banner .carousel-control-next {right: -45px;}
}
@media screen and ( max-width: 1199px ) {
    header .navbar-nav {margin-left: 0;}
    header .navbar-dark .navbar-nav .nav-link { font-size: 14px;padding: 20px 8px; }
    header .top-header ul li a{ font-size: 13px;  padding-left: 0; }
    header .top-header .dropdown .btn{ font-size: 13px; }
    .mid-banner .right-content{padding: 40px 60px;}
    footer ul {text-align: left;}
    .mid-banner .carousel-control-prev {left: -50px;}
    .mid-banner .carousel-control-next {right: -40px;}
    .two-boxes .center-content {min-height: 60vh;}
    .checkout-wrapper .number span{padding: 2px 7px 2px 7px;}
    .news-blks img {width: 100%;height: 100%;}
    .news-blks .btn-black-radius{ display: block;padding: 8px 10px }
}
@media screen and ( max-width: 991px ) {
    header .disp-non li{ display: inline-block; }
    header  .disp-non li a{ opacity: 0.9; padding-right: 7px;}
    header  ul.disp-non {width: 52%; text-align: right;}
    header .navbar-brand h1{ color: #fff !important; opacity:0.9; }
    header .navbar-dark .navbar-toggler{ border: 0; }
    header .navbar-nav {margin-left: 0px;margin-top: 20px;}
    header .navbar-dark .navbar-nav .nav-link{ padding: 10px 0;}
    header form{ float: none; margin-right: 0; }
    header form .form-control { width: 100% !important; }
    header .top-header{ display: none; }
    header .navmenu ul li ul.megamenu {width: 100% !important;z-index: 999;}
    header .navmenu ul li ul.megamenu:first-child li{ width: auto !important; }
    header .disp-non{display: block;}
    header button:focus{outline: none;}
    header form .form-control:focus{border:none; background: #fff;}
    main {margin-top: 0;}
    .banner-content a{margin: 15px auto;}
    .mid-banner{ padding: 10px 0 20px;     margin-top: -22px; }
    .mid-banner .left-banner{ width: 100%; min-height: auto;}
    .mid-banner .left-banner img { height: auto;display: block !important;}
    .mid-banner .right-content{ width: 100%; }
    footer{ text-align: center; }
    footer ul {text-align: center; margin-top: 15px;}
    footer ul li{margin-bottom: 5px;}
    .banner-content{ width: 100% !important; padding: 15px !important; text-align: center !important; top: 0 !important;}
    .checkout-wrapper .number span {padding: 2px 5px 2px 5px;}
    .news-blks img{ width: 100%; height: 100%; }
    header .cart {right: 80px;top: 30px;}
    header .cart i {font-size: 16px;color: #404040;}
    .footer-menu {width: 100%;}
    .footer-menu .col-lg-3 {border-bottom: 1px solid #eee;padding: 20px;}
    .rm{display: none;}
    header .top-header ul li a{padding-right: 3px;font-size: 10px;}
}
@media screen and ( max-width: 800px ) {
    .mid-banner .carousel-control-prev {left: -30px;}
    .mid-banner .carousel-control-next {right: -20px;}
    .explore-products h3{font-size: 25px;}
    .explore-products .top-content {padding: 25px;}
}
@media screen and ( max-width: 767px ) {
    header .dis-blk{ display: none !important; }
    header .dis-non{ display: block;  }
    header .navbar-dark .navbar-toggler-icon{ margin-top: 10px;}
    .mid-banner .right-content{ text-align: center; }
    .mid-banner .right-content h2 { font-size: 26px; line-height: 30px; }
    .mid-banner .right-content {padding: 20px 30px;}
    .double-box-reg .bx-shadow{margin-bottom: 30px;}
    .tandc .rep1, .tandc .rep2 { margin-bottom: 40px;}
    .contact-blks .no-gap h3{ text-align: center; }
    .two-boxes .center-content {min-height: auto; padding-right: 0 !important;padding-left:0 !important; padding-bottom: 30px;}
    .two-boxes .add-bor{ border-top: 1px solid #eee; padding-top: 30px; margin-top: 30px }
    .banner-content h2{ line-height: 22px !important;font-size: 16px !important;}
    .banner-content h6{font-size: 14px; line-height: 18px;}
    .package-content{ text-align: center; }
    .heading1 {font-size: 30px;}
    .banner-content a{width: auto !important; margin: 21px auto 0 !important;}
    .checkout-wrapper .left-blk .col-md-6 {text-align: left !important;}
    .checkout-wrapper .number{margin-bottom: 15px;}
    .checkout-wrapper .number span{padding: 2px 5px 2px 5px;}
    .checkout-wrapper {margin: 15px 0;}
    .board-members {text-align: center;}
    .board-members .add-padd { padding-left: 0;}
    .board-members #space{margin-top: 40px;}
    .board-members h3.heading3{    margin-top: 5px;}
    .t-right a.video{ top: 40% !important; }
    .topic-content {margin: 20px 0;padding: 30px 0;}
    .owl-blocks p{ min-height: auto; }
    .explore-blocks p{ min-height: auto; }
    .faq-content {padding: 40px 0;}
    .faq-content .btn-link{ text-align: left; }
    .content-main-block .imp-topics-heading{border: 1px solid #ccc;}
    .contact-heading { margin: 50px 0;}
    .contact-heading  h3{ font-size: 20px ; padding: 0 !important; }
    .content-main-block h2 {margin-top: 0;}
    .certificate h2{font-size: 17px !important;}
    .start-earning h2{ width: 100%;padding: 50px 0; }
    .awards-item img {max-width: 200px;max-height: 200px;}
    header .cart {right: 65px;}
}
@media screen and ( max-width: 575px ) {
    header ul.disp-non{ width: auto; position: absolute; right: 35px; }
    header .navbar-expand-lg ul.disp-non {top: 17px;}
    header .navbar-brand img { width: 175px !important; } 
    header .navbar-dark .navbar-toggler-icon { margin-top: 10px;}
    ul.disp-non li a span {display: none;}
    .mid-banner{ margin-top: -30px; }
    .just-prod {margin-bottom: 20px;}
    .recom-products {padding: 50px 0 25px !important; }
    .shop-category .just-prod img { width: 100%;height: 100%;}
    .shop-category .just-prod a { font-size: 16px;}
    .heading1 {font-size: 30px;}
    .double-box .no-pad {padding: 0 !important;}
    .no-pad .bg-box {padding: 20px 30px;text-align: center;}
    .double-box .bg-box h2{font-size: 25px;line-height: 32px;}
    .mid-banner .carousel-control-prev, .mid-banner .carousel-control-next {display: none;}
    .banner img{ min-height: 370px; }
    .b2 .banner-content {top: 0 !important;}
    .banner.b2 img {min-height: 680px;}
    .two-boxes .center-content {text-align: center;}
    .checkout-wrapper .left-blk h4{ margin-top: 20px; }
    .checkout-wrapper .left-blk i.far.fa-trash-alt { position: absolute;left: -75px; top: -6px;}
    .checkout-wrapper .colored-blk{ padding: 20px 20px; margin-top: 30px; }
    .checkout-wrapper .heading1{ text-align: center; }
    .checkout .left-blk .bg-box{ text-align: center; }
    .checkout .left-blk .btn{ display: block; }
    .checkout .left-blk button{ width: 100%; display: block; }
    .explore-products { padding: 40px 0;}
    .faq-content .nav-tabs{background: #2c2c2c;}
    .faq-content .nav-tabs  .nav-link{ color: #fff; padding: 5px 5px; border-right: 1px solid #ccc; }
    .faq-content h2{ font-size: 26px; }
    .faq-content h2 span{ width: 100% !important; line-height: 25px; }
    .faq-content .btn-link{font-size: 16px;}
    .news-blks{ text-align: center; }
    .news-blks p{min-height: auto; margin-bottom: 20px;}
    .news-blks h3 { min-height: auto; }
    .double-box-reg .top-content h2 {font-size: 22px;}
    .core-blks{ text-align: center; }
    .carousel-item .single-box h3 {margin-bottom: 20px;}
    .clients-testimonials .carousel-inner {padding: 30px 20px 100px;}
    .clients-testimonials .carousel-item img{margin: 10px auto;}
    .clients-testimonials .carousel-inner{ text-align: center; }
    .clients-testimonials .carousel-item h3 i { display: inline-block; margin-right: 10px; }
    .client-testimonials h2{ font-size: 25px; }
    .clients-testimonials h2{font-size: 25px;}
    .clients-testimonials .carousel-inner span{margin-top:20px;}
    .clients-testimonials .carousel-inner h3{min-height: auto;}
    .clients-testimonials .carousel-inner p {margin-bottom: 15px;}
    .news-section .nd-content h4 {font-size: 22px;}
    .faq-content .tabs label { display: block;}
    main .breadcrumb-item a{ font-size: 13px; }
    main .breadcrumb-item.active{font-size: 13px;}
    header .cart{right: 80px;}
    .box-shadow h4{min-height: auto;}
}
@media screen and ( max-width: 480px ) {
    .checkout-wrapper .left-blk i.far.fa-trash-alt{ left: -15px; }
    .login.outer{width: 90%; margin: 15px 0;}
    .login.outer .inside-div input{ font-size: 14px; }
    .footer-menu {width: 100%;text-align: center;}
    header .navbar-dark .navbar-toggler{padding-right: 0; padding-left: 0;}
    header .disp-non li a i {font-size: 15px;}
    header .navbar-expand-lg ul.disp-non{margin-right: -10px;}
    .login .outer-content{ width:90%; }
}
@media screen and ( max-width:350px ) {
     header .navbar-brand img { width: 140px !important; } 
     header .navbar-dark .navbar-toggler-icon {margin-top: 15px;}
     .mid-banner { margin-top: -35px;}
}




@media screen and (max-width:1130px) {
        header .middle-header li a{
                padding: 0 5px !important;
                margin-left: 0!important;
        }
    }
    @media screen and (max-width:991px) {
        header .navmenu ul li ul.megamenu li {
            width: 100% !important;
        }

        header .navmenu ul li:hover ul.megamenu li {
            margin-bottom: 0;
        }

        header .navmenu ul li ul.megamenu {
            width: 97% !important;
            left: 50% !important;
            transform: translate(-50%, 0) !important;
        }

        header .top-header ul li a {
            padding-right: 3px;
            font-size: 10px;
        }
        header .navbar .navbar-brand img {
            width: 100% !important;
        }
        header .navbar-dark .navbar-nav .nav-link{
            text-align: left;
            margin: 0 15px;
            padding: 10px 0px;
        }
        header .middle-header li a {
            padding: 0 4px !important;
            margin-left: 0 !important;
        }
    }
    @media screen and (max-width:767px) {
        .navbar .row{
            display: contents;
        }
        .m-hide{
            display: none !important;
        }
        .m-show{
            display: block;
        }
        header .middle-header form .form-control{
            margin: 0px 0 15px;
        }
        header .fw-dp .dropdown-menu{
            width: 100% !important;
            padding: 35px 15px;
        }
    }
    @media screen and (max-width:575px) {
        body{
            padding-top: 0;
        }
        main {
            margin-top: 0 !important;
        }
        header{
            position: relative !important;
        }
        header .navbar .navbar-brand img {
            width: 130px !important;
            padding-left: 22px;
       }
       header .middle-header li a {
        font-size: 14px;
        padding: 0 4px !important;
        margin-left: 0 !important;
       }
       header .navbar-dark .navbar-toggler {
            position: absolute;
            top: -125px;
            left: 10px;
       }
       header .navbar-dark .navbar-toggler-icon i {
            color: #fff !important;
       }
       .bottom-header .d-right {
            margin-bottom: 15px;
       }
    }