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

	.container{
        max-width: 1458px;
    }
    .conract-faq-section{
      padding-right: 68px;
    }
    .contact-details-section{
      padding-left: 68px;
    }
	
	
	
}

@media only screen and (min-width: 1200px) and (max-width : 1599px) {
    
    .container{
    	max-width: 1300px;
    }
    .footer-bottom-link ul li a {
        padding-right: 18px;
        font-size: 12px;
    }

    .benefits-panel{
        padding: 25px;
    }
	.latest-news-text h3 {
        font-size: 18px;
    }
    ul.menu a {
        font-size: 14px;
        margin: 0 2px;
        padding: 12px 4px;
    }
	
	

		
}

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

.news-banner img{
    height: 431px;
    object-fit: cover;
}



	
}

@media only screen and (min-width: 992px) and (max-width : 1199px) {

ul.menu a{
    font-size: 14px;
}
.nav-area-logo img{
    width: 50px;
}
.nav-area{
    padding: 20px 0;
}
.login-area a{
   font-size: 14px;
   padding: 10px;
   min-width: 90px;
}
.service-area h2 , .our-products-left h2 , .kwik-boks-area h2 , .latest-updates-area h2 , .who-we-are-text h2 , .who-we-are-mission-text h2{
    font-size: 42px;
}
.dis-section h2{
    font-size: 22px;
}
.footer-bottom-link ul li a {
    font-size: 10px;
    padding-right: 5px;
}
.footer-bottom .footer-bottom1{
    font-size: 10px;
}

.tab-peoduct-details{
    padding: 10px;
}
.tab-products-text{
    padding-left: 10px;
}
.details-tab-area .tab-products-text h4 , .details-tab-area .tab-products-text .tab-products-text-size p {
    font-size: 12px;
}

.products-details {
    font-size: 12px;
}
.vat-area {
    font-size: 8px;
}
.nav-area-logo .logo {
    width: 60px;
    height: auto;
}
.news-banner img{
    height: 431px;
    object-fit: cover;
}


.woocommerce-MyAccount-navigation ul li {
    display: block;
    margin-bottom: 0;
}
.woocommerce-MyAccount-navigation ul li a {
    padding: 15px;
}

.pagination-area-sec{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}
.pagination-area{
    flex-direction: column;
}
.order-section-head{
    flex-flow: wrap;
    position: relative;
    padding: 20px;
}
.order-section-head-dot .btn {
    right: 15px;
}
.order-section-head-panel{
    width: 100%;
    margin-bottom: 20px;
}
.order-section-head-panel:nth-child(1){
    width: 50%;
}
.order-section-head-panel:nth-child(2){
    width: 50%;
}
.order-section-head-panel h3 {
    margin-bottom: 8px;
}
.order-section-head-dot {
    width: auto;
    position: absolute;
    right: 0;
    top: 15px;
}
.woocommerce-orders-table th, .woocommerce-orders-table td {
    font-size: 11px;
    letter-spacing: normal;
    padding: 5px;
}
ul.menu a {
    font-size: 14px;
    margin: 0 2px;
    padding: 12px 4px;
}
.mobile-logo{
    width: 10%;
}
.menu-area{
    width: 65%;
}


}

@media only screen and (min-width: 768px) and (max-width: 991px) {



.container{
    max-width: 100%;
}
.mobile-show{
  display: block!important;
}
.desktop-show{
  display: none!important;
}
.myaccountopen .card{
    border:none;
    box-shadow: none;
}
.myaccountopen{
    position: absolute;
    z-index: 99;
    width: 100%;
    left: 0;
    height: 100vh;
    background: #fff;
}
.myaccountopen .dropdown-menu-mobile{
    padding: 30px 0 0;
    margin: 0;
}
.myaccountopen .dropdown-menu-mobile li a {
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
    display: block;
    text-decoration: none;
    padding: 25px 0;
    text-align: center;
    color: #21272A;
}
.myaccountopen .dropdown-menu-mobile li {
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    font-weight: normal;
    display: block;
    background: none;
    border-top: 1px solid #fff;
}
.myaccountopen .dropdown-menu-mobile li a:hover , .myaccountopen .dropdown-menu-mobile li a:focus{
    color: #F6B954;
}
.user-registration-page .profiletop .mobiletggl[aria-expanded="false"] {
    background: transparent;
}
.user-registration-page .profiletop .mobiletggl[aria-expanded="false"] img{
    display: block;
}
.user-registration-page .profiletop .mobiletggl[aria-expanded="true"] {
    background: url(../images/icn_close-blue.svg)!important;
    background-repeat: no-repeat!important;
    background-position: center!important;
    width: 24px;
    height: 20px;
    display: flex;
    padding-left: 0 !important;
    margin-left: 20px !important;
}
.user-registration-page .profiletop .mobiletggl[aria-expanded="true"] img{
    display: none;
}



/****menu****/
.dgmenuwrap{margin-top:0;}
.dgmenuwrap{
    display: inline-block;
}
.mean-container .mean-bar:nth-child(2){
    display: none;
}
ul.menu > li::after{content:''; position:inherit;}
ul.menu ul, ul.menu ul li ul {display: none; left: inherit; opacity: inherit!important; position: inherit; top: inherit; width: auto!important; box-shadow:none; background:none;}
ul.menu ul li:first-child, ul.menu ul li:last-child{margin:0;}
.dgmenuwrap {
    position: absolute;
    z-index: 9999;
    width: 100%;
    background: transparent;
    left: 0;
    top: -5px;
}
.mean-container .mean-nav {
    width: 100%;
}
.mean-container .mean-nav ul{
    height: 100vh;
    padding-top: 70px;
}
ul.menu ul li{border-bottom:none;}
/****end menu****/
.mean-container a.meanmenu-reveal {
    right: 0;
    padding-top: 7px;
}
.mean-container .mean-nav {
    margin-top: 58px;
}
.mean-container .mean-nav ul li a:hover{
    color: #C41F33!important;
}
.mean-container .mean-nav ul li a{
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
    padding: 25px 0;
    text-align: center;
}
.mean-container .mean-nav ul li a.mean-expand:hover:after{
    display: none;
}
.mean-container a.meanmenu-reveal.meanclose {
    line-height: 27px;
    background: url(../images/icn_close.svg);
    background-repeat: no-repeat;
    background-position: center;
}
.nav-area .container{
    position: relative;
}




.nav-area-logo img{
   width: 38px;
}
.nav-area{
    padding: 15px 0;
}
.login-area a{
    font-size: 12px;
    line-height: 18px;
    min-width: 77px;
    border-radius: 5px;
    padding: 7px;
}
.login-area a.active-book{
    display: flex;
}
.nav-area-menu {
    position: absolute;
    right: 45px;
    z-index: 999999;
}
.brand-bg {
    padding: 19px 0;
}
.brand-bg img{
    height: 22px;
}
.service-area{
    padding: 40px 0;
}
.service-area p{
    text-align: left;
}
.service-area h2{
    font-size: 40px;
    line-height: 50px;
    font-weight: 500;
    padding-bottom: 10px;
    text-align: left;
}
.service-area h2:after {
    left: 0;
    transform: translateX(0);
}
.our-products-area{
    padding-top: 40px;
}
.our-products-area h2{
    font-size: 40px;
    line-height: 50px;
    font-weight: 500;
    padding-bottom: 10px;
    text-align: left;
}
.our-products-area h2:after {
    left: 0;
    transform: translateX(0);
}
.order-stock-area h2{
    font-size: 18px;
    line-height: 27px;
}
.customised-panel{
    margin-bottom: 40px;
}
.our-products-right{
    margin-top: 32px;
}
.order-stock-area{
    padding-bottom: 40px;
}

.kwik-boks-area-img{
    display: none;
}
.kwik-boks-area{
    padding: 40px 0;
}
.our-products-left a {
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    min-width: 170px;
    padding: 8px;
}
.kwik-boks-area a{
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    min-width: 145px;
    padding: 8px;
    max-width: 145px;
}
.kwik-boks-area h2{
    font-size: 40px;
    line-height: 50px;
    font-weight: 500;
    padding-bottom: 10px;
    text-align: left;
}
.kwik-boks-area h2:after {
    left: 0;
    transform: translateX(0);
}
.dis-section h2{
    text-align: center;
    font-size: 18px;
    line-height: 27px;
}
.dis-section a{
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    min-width: 142px;
    float: none;
    padding: 8px;
}
.dis-section {
    padding: 40px 0;
    text-align: center;
}
.dis-section h2:after{
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.dis-section h2{
    padding-bottom: 12px;
    margin-bottom: 24px;
}
.latest-updates-area{
    padding: 40px 0;
}
.latest-updates-area h2{
    font-size: 40px;
    line-height: 50px;
    font-weight: 500;
    padding-bottom: 10px;
    max-width: 300px;
    text-align: left;
}
.latest-updates-area h2:after {
    left: 0;
    transform: translateX(0);
}
.latest-updates-area p{
    text-align: left;
}
.latest-updates-area .owl-nav{
    min-width: 90px;
    max-width: 90px;
    left: 15px;
    transform: translateX(0);
    top: -65px;
}
.latest-updates-area .owl-carousel .owl-nav button.owl-next , .latest-updates-area .owl-carousel .owl-nav button.owl-prev{
    width: 36px;
    height: 36px;
    background-repeat: no-repeat;
    background-size: contain;
}
.latest-updates-area #owl-demo1 {
    margin-top: 100px;
}
.latest-updates-area .view-all a{
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    min-width: 87px;
    float: none;
    padding: 8px;
}
.latest-updates-area .view-all {
    text-align: left;
}
.latest-news-panel {
    flex-direction: column-reverse;
}
.latest-news-img , .latest-news-text{
    width: 100%;
}
.latest-news-img img {
    height: 287px;
    object-fit: cover;
    border-radius: 5px 5px 0px 0px;
}
.latest-news-text{
    border-radius: 0px 0px 5px 5px;
}
.latest-news-text h3 {
    max-width: 100%;
    margin-bottom: 16px;
}
.latest-news-text{
    padding: 16px 16px 40px;
}
.kwik-boks-area-text {
    float: none;
    display: flex;
    flex-direction: column;
}
.kwik-boks-mobile-slider{
    padding: 40px 0 0;
    display: block;
}
.kwik-boks-mobile-slider img{
    height: 321px;
    object-fit: cover;
    border-radius: 3px;
}
.kwik-boks-mobile-slider .owl-dots{
    display: none;
}
.footer-top{
    padding: 40px 15px 0;
}
.footer-logo img{
    margin-bottom: 32px;
}
.footer-logo p{
    max-width: 100%;
}
.footer-menu {
    width: 100% !important;
    border-top: 1px solid #D4D4D4;
    border-bottom: 1px solid #D4D4D4;
    padding: 16px 0 6px;
}
.footer-logo p{
    margin-bottom: 16px;
}
.footer-contact {
    width: 100% !important;
    border-bottom: 1px solid #D4D4D4;
    padding: 16px 0 6px;
}
.footer-contact .footer-section li:nth-child(2), .footer-contact .footer-section li:nth-child(3) {
    margin-top: 10px;
}
.footer-social-section{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    padding: 16px 0;
}
.footer-social-section a {
    margin-right: 0;
    margin-left: 20px;
}
.footer-logo-1 a{
    margin-left: 0;
}
.footer-bottom .col-lg-4 {
    display: flex;
}
.footer-logo{
    padding-right: 0;
    padding-left: 0;
}
.develope-area {
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    padding-top: 16px;
    align-items: baseline;
}
.footer-bottom .footer-bottom1 {
    justify-content: flex-start;
}
.footer-bottom-link ul{
    flex-direction: column;
}
.footer-bottom-link{
    padding: 11px 0;
    border-bottom: 1px solid #D4D4D4;
}
.footer-bottom-link ul li a {
    padding: 5px 0;
    display: block;
}
.footer-bottom-payment{
    padding: 16px 0;
    border-bottom: 1px solid #D4D4D4;
}
.footer-social-section{
    border-bottom: 1px solid #D4D4D4;
}
.footer-bottom {
    border-top: none;
    padding: 16px 15px;
}
.mobile-logo {
    position: relative;
}
.latest-updates-area p , .kwik-boks-area p , .our-products-right p{
    max-width: 100%;
}
.latest-updates-area h2{
    max-width: 100%;
}
.kwik-boks-mobile-slider .owl-carousel .owl-nav button.owl-next {
    width: 36px;
    height: 36px;
    background-repeat: no-repeat!important;
    background-size: contain!important;
    background: url(../images/latest-arrow.svg);

}
.kwik-boks-mobile-slider #owl-demo2 {
    margin-top: 70px;
}
.kwik-boks-mobile-slider .owl-carousel .owl-nav button.owl-prev {
    background: url(../images/latest-arrow.svg);
    transform: rotate(180deg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 36px;
    height: 36px;
}
.kwik-boks-mobile-slider .owl-next span, .kwik-boks-mobile-slider .owl-prev span{
    display: none;
}
.kwik-boks-mobile-slider .owl-nav {
    min-width: 90px;
    max-width: 90px;
    left: 0;
    transform: translateX(0);
    top: -65px;
    display: flex!important;
    justify-content: space-between;
    position: absolute;
}

.faq-area{
    padding: 40px 0;
}
.faq-area h2{
    font-size: 40px;
    line-height: 50px;
}
.faq-area .btn{
    font-weight: 700;
}
.goal-area{
    padding: 40px 0;
}
.goal-text h2{
    font-size: 32px;
    line-height: 40px;
}
.goal-img img{
    margin-top: 40px;
}
.promoting-events{
    padding: 40px 0;
}
.promoting-events h2{
    font-size: 32px;
    line-height: 40px;
    max-width: 300px;
}
.balance-area .kwik-boks-area h2{
    font-size: 32px;
    line-height: 40px;
    max-width: 300px;
}
.balance-area{
    overflow: hidden;
}
.balance-area .kwik-boks-area-text {
    float: none;
    max-width: 100%;
}
.balance-mobile-slider .owl-nav {
    min-width: 90px;
    max-width: 90px;
    left: 0;
    transform: translateX(0);
    top: -65px;
    display: flex!important;
    justify-content: space-between;
    position: absolute;
}
.balance-mobile-slider .owl-dots{
    display: none;
}
.balance-mobile-slider .owl-carousel .owl-nav button.owl-next {
    width: 36px;
    height: 36px;
    background-repeat: no-repeat!important;
    background-size: contain!important;
    background: url(../images/latest-arrow.svg);

}
.balance-mobile-slider #owl-demo2 {
    margin-top: 70px;
}
.balance-mobile-slider .owl-carousel .owl-nav button.owl-prev {
    background: url(../images/latest-arrow.svg);
    transform: rotate(180deg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 36px;
    height: 36px;
}
.balance-mobile-slider .owl-next span, .balance-mobile-slider .owl-prev span{
    display: none;
}
.balance-mobile-slider img {
    height: 321px;
    object-fit: cover;
    border-radius: 3px;
}
.balance-mobile-slider {
    padding: 40px 0;
    display: block;
}
.balance-mobile-slider #owl-demo4 {
    margin-top: 40px;
}


.promoting-mobile-slider .owl-nav {
    min-width: 90px;
    max-width: 90px;
    left: 0;
    transform: translateX(0);
    top: -65px;
    display: flex!important;
    justify-content: space-between;
    position: absolute;
}
.promoting-mobile-slider .owl-dots{
    display: none;
}
.promoting-mobile-slider .owl-carousel .owl-nav button.owl-next {
    width: 36px;
    height: 36px;
    background-repeat: no-repeat!important;
    background-size: contain!important;
    background: url(../images/latest-arrow.svg);

}
.promoting-mobile-slider #owl-demo2 {
    margin-top: 70px;
}
.promoting-mobile-slider .owl-carousel .owl-nav button.owl-prev {
    background: url(../images/latest-arrow.svg);
    transform: rotate(180deg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 36px;
    height: 36px;
}
.promoting-mobile-slider .owl-next span, .promoting-mobile-slider .owl-prev span{
    display: none;
}
.promoting-mobile-slider img {
    height: 321px;
    object-fit: cover;
    border-radius: 3px;
}
.promoting-mobile-slider {
    padding: 40px 0 0;
    display: block;
}
.promoting-mobile-slider #owl-demo5 {
    margin-top: 40px;
}
.goal-img img{
    max-width: 100%;
}
.promoting-events h2 , .goal-text p{
    max-width: 100%;
}
.promoting-mobile-slider h3{
  color: #3C3C3C;
  font-size: 20px;
  line-height: 25px;
  list-style: disc;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  margin: 16px 0;
}
.promoting-mobile-slider p{
  color: #3C3C3C;
  font-size: 16px;
  line-height: 24px;
  list-style: disc;
  font-family: "Inter", sans-serif;
  font-weight: 400;
}


.news-sec , .company-events , .sustainability-area , .award-events {
    padding: 40px 0;
    text-align: left;
}
.news-sec h2 , .award-events h2 , .sustainability-area h2 , .company-events h2{
    font-size: 40px;
    line-height: 50px;
    text-align: left;
}
.news-sec h2:after , .sustainability-area h2:after {
    left: 0;
    transform: translateX(0);
}
.award-events .owl-nav , .company-events .owl-nav{
    max-width: 100px;
    min-width: 100px;
}
.sustainability-area p{
    text-align: left;
    max-width: 100%;
}
.sustainability-panel{
    display: flex;
    flex-direction: column-reverse;
}
.sustainability-img , .sustainability-text {
    width: 100%;
}
.sustainability-text h3{
    max-width: 100%;
    margin-bottom: 16px;
}
.sustainability-text {
    padding: 16px;
    border-radius: 0 0 5px 5px;
}
.sustainability-img img{
    border-radius:  5px 5px 0 0;
}
.sustainability-panel{
    margin: 8px 0;
}
.video-sec video{
    height: auto;
}
.responsibility-area , .mission-area , .qulity-area , .who-we-are-area{
    padding: 40px 0;
}
.responsibility-area h2, .mission-area h2, .qulity-area h2 , .who-we-are-area h2{
    font-size: 32px;
    line-height: 40px;
    text-align: left;
    max-width: 100%;
}
.qulity-text{
    padding-left: 0;
}
.responsibility-img img{
    height: auto;
    margin-top: 24px;
}
.responsibility-mobile-img{
    padding: 16px 0 40px;
    width: 100%;
    display: flex;
}
.responsibility-mobile-img img{
    width: 100%;
}
.mission-panel1{
    margin-bottom: 25px;
}
.mission-area h2:after{
    left: 0;
    transform: translateX(0);
}
.qulity-area .mobile-show{
    margin-top: 24px;
}


.insperied-area , .benefits-area{
    padding: 40px 0;
}
.insperied-area p{
    text-align: left;
}
.insperied-area h2 , .benefits-area h2 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 500;
    padding-bottom: 10px;
    text-align: left;
}
.insperied-area h2:after , .faq-section-sub h2:after , .benefits-area h2:after {
    left: 0;
    transform: translateX(0);
}
.faq-section-sub{
    padding: 40px 0;
}
.faq-section-sub .colleps-text{
    padding: 0 0 24px;
}
.faq-section-sub h2 {
    font-size: 40px;
    line-height: 50px;
    text-align: left;
}
.benefits-text-p-m{
    display: block;
    margin: 24px 0;
    color: #3C3C3C;
    font-size: 16px;
    line-height: 24px;
    font-family: "Inter", sans-serif;
    font-weight: 400;
}
.benefits-scroll-area .owl-carousel .owl-nav button.owl-next {
    width: 36px;
    height: 36px;
    background-repeat: no-repeat!important;
    background-size: contain!important;
    background: url(../images/latest-arrow.svg);

}
.benefits-scroll-area #owl-demo2 {
    margin-top: 70px;
}
.benefits-scroll-area .owl-carousel .owl-nav button.owl-prev {
    background: url(../images/latest-arrow.svg);
    transform: rotate(180deg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 36px;
    height: 36px;
}
.benefits-scroll-area .owl-next span, .benefits-scroll-area .owl-prev span{
    display: none;
}
.benefits-scroll-area .owl-nav {
    min-width: 90px;
    max-width: 90px;
    left: 0;
    transform: translateX(0);
    top: -65px;
    display: flex!important;
    justify-content: space-between;
    position: absolute;
}
.benefits-panel{
    padding: 16px;
    margin: 0;
    align-items: baseline;
}
.benefits-panel img{
    width: auto!important; 
}
.benefits-scroll-area {
    padding: 10px 0 0;
    display: block;
}
.benefits-scroll-area #owl-demo9 {
    margin-top: 70px;
}
.benefits-area .owl-dots{
    display: none;
}
.insperied-area .owl-item.active.center img{
    height: auto;
}
.insperied-area .owl-item.active.center {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    left: 0;
    transform: scale(0);
}
.insperied-area .buy-now-button a{
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    padding: 8px 16px;
    min-width: 83px;
}
.insperied-area .buy-now-button{
    text-align: left;
}


.insperied-area .owl-carousel .owl-nav button.owl-next {
    width: 36px;
    height: 36px;
    background-repeat: no-repeat!important;
    background-size: contain!important;
    background: url(../images/latest-arrow.svg);

}
.insperied-area .owl-carousel .owl-nav button.owl-prev {
    background: url(../images/latest-arrow.svg);
    transform: rotate(180deg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 36px;
    height: 36px;
}
.insperied-area .owl-next span, .insperied-area .owl-prev span{
    display: none;
}
.insperied-area .owl-nav {
    min-width: 100px;
    max-width: 100px;
    left: 0;
    transform: translateX(0);
    top: -60px;
    display: flex!important;
    justify-content: space-between;
    position: absolute;
}
.benefits-scroll-area {
    padding: 10px 0 0;
    display: block;
}
.insperied-area #owl-demo8 {
    margin-top: 100px;
}
.insperied-area .owl-dots{
    display: none;
}
.insperied-area .owl-stage-outer{
    margin: 0;
    max-width: 100%;
}
.insperied-area .owl-item img{
    height: 321px;
    object-fit: cover;
}

.position-area{
    padding: 40px 0;
}
.position-area h2 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 500;
    padding-bottom: 10px;
    text-align: center;
}
.career-catagory-area ul li a , .career-catagory-area .nav-tabs .nav-link {
    font-size: 12px;
    padding: 0 10px;
}
.position-panel{
    padding: 30px;
}
.position-panel img{
    right: 20px;
    bottom: 30px;
}
.position-panel p{
    max-width: 87%;
}
.job-area{
    background: transparent!important;
    margin: 0;
}
.job-area-left , .job-area-right{
    padding: 40px 15px;

}
.job-area-left h2{
    font-size: 32px;
    line-height: 40px;
}
.job-area-left h3{
    margin-top: 24px;
}
.job-area-panel-frm {
  margin-bottom: 16px;
}
.frm-bottom-text {
  display: inline-block;
}
.frm-bottom-text a {
    padding: 0;
    letter-spacing: normal;
}
.footer-bottom .col-lg-4.desktop-show{
  display: none!important;
}
.footer-bottom .col-lg-4.desktop-show{
  display: none!important;
}

.form-thank-modal .modal-body{
    padding: 60px 20px 30px;
}
.form-thank-modal .modal-dialog{
    width: 90%;
    margin: 0;
}
.form-thank-modal .btn-close {
    top: 20px;
    right: 20px;
}


.contact-page-area{
    padding: 40px 0 0;
}
.conract-faq-section h2, .contact-details-section h2 , .reach-section h2{
    font-size: 40px;
    line-height: 50px;
    text-align: left;
    padding-bottom: 10px;
}
.reach-section h2{
    padding-bottom: 0;
}
.conract-faq-section .btn{
    font-weight: 700;
}
.conract-faq-section .btn{
    padding: 24px 40px 24px 0;
}
.contact-details-section{
    padding-left: 15px;
    padding-top: 80px;
}
.contact-details-section p strong{
    font-weight: 500;
}
.reach-section{
    padding: 40px 0;
}
.reach-section p {
    align-items: flex-start;
}


.hire-text-area{
    padding: 40px 0;
}
.hire-text-area h2{
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
}
.hire-text-area a {
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    min-width: 186px;
    padding: 8px;
    margin-top: 24px;
}
.video-sec.hire-video video {
    height: 206px;
}
.related-area h2{
    text-align: left;
}
.products-text h3 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    margin-bottom: 8px;
}
.related-area .owl-carousel .owl-nav button.owl-next {
    width: 36px;
    height: 36px;
    background-repeat: no-repeat!important;
    background-size: contain!important;
    background: url(../images/latest-arrow.svg);

}
.related-area #owl-demo9 {
    margin-top: 0;
}
.related-area .owl-carousel .owl-nav button.owl-prev {
    background: url(../images/latest-arrow.svg);
    transform: rotate(180deg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 36px;
    height: 36px;
}
.related-area .owl-next span, .related-area .owl-prev span{
    display: none;
}
.related-area .owl-nav {
    min-width: 90px;
    max-width: 90px;
    left: 0;
    transform: translateX(0);
    bottom: -65px;
    display: flex!important;
    justify-content: space-between;
    position: absolute;
}
.related-area {
    padding: 50px 0 120px;
}
.details-tab-area h3 {
    font-size: 30px;
}
.details-tab-area1 .colleps-text p {
    font-size: 16px;
    line-height: 24px;
}
.tab-peoduct-details{
    flex-direction: column;
    padding: 20px;
    margin-bottom: 30px;
}
.tab-products-img , .tab-products-text {
    width: 100%;
    padding: 0;
}
.tab-products-text{
    padding-top: 30px;
}




.products-panel .owl-carousel .owl-nav button.owl-next {
    width: 36px;
    height: 36px;
    background-repeat: no-repeat!important;
    background-size: contain!important;
    background: url(../images/latest-arrow.svg);

}
.products-panel #owl-demo2 {
    margin-top: 70px;
}
.products-panel .owl-carousel .owl-nav button.owl-prev {
    background: url(../images/latest-arrow.svg);
    transform: rotate(180deg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 36px;
    height: 36px;
}
.products-panel .owl-next span, .products-panel .owl-prev span{
    display: none;
}
.products-panel .owl-nav {
    min-width: 90px;
    max-width: 90px;
    left: 0;
    transform: translateX(0);
    bottom: -30px;
    display: flex!important;
    justify-content: space-between;
    position: absolute;
}
.products-details {
    justify-content: flex-start;
}
.price-cut , .price-green , .vat-area{
    padding-left: 10px;
}



.search-area input::placeholder , .catagory-filter-input input::placeholder {
  font-size: 14px;
}
.search-area input::-ms-input-placeholder , .catagory-filter-input input::-ms-input-placeholder { /* Edge 12 -18 */
  font-size: 14px;
}
.products-panel {
    margin-bottom: 40px;
}
.result-area{
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    color: rgba(60, 60, 60, 1);
}
.search-area{
    display: flex;
    align-items: center;
    gap:24px;
    justify-content: space-between;
}
.catagory-mobile{
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 24px 0;
}
.catagory-mobile h3{
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: rgba(60, 60, 60, 1);
  line-height: 21px;
  margin-bottom: 18px;
}
.catagory-drop-area .dropdown-toggle {
    border: 0.5px solid rgba(188, 188, 188, 1);
    width: 100%;
    background: url(../images/shot-down.svg) no-repeat 91% center rgba(255, 255, 255, 1);
    background-size: 12px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: rgba(60, 60, 60, 1);
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
}
.catagory-drop-area{
    display: flex;
    justify-content: space-between;
    gap:24px;
}
.dropdown{
    width: 50%;
}
.search-filter-area {
    max-width: 100%;
}
.catagory-filter-sec1, .catagory-filter-sec2, .catagory-filter-sec3{
    border-bottom: 1px solid rgba(245, 245, 245, 0.74);
    padding-bottom: 24px;
    margin-top: 24px;
}
.colleps-under-area p{
    margin-bottom: 0;
}
.catagory-mobile{
    border-bottom: 1px solid rgba(245, 245, 245, 0.74);
}

.banner-area video{
  height: auto;
  object-fit: cover;
}

.global-text-area .woocommerce-MyAccount-navigation {
    width: 100%;
    float: left;
    margin-right: 0;
    padding-right: 0;
}
.global-text-area .woocommerce-MyAccount-content {
    width: 100%;
    padding-left: 0;
    padding-top: 50px;
    display: inline-block;
}
.woocommerce-MyAccount-navigation ul li {
    display: block;
    margin-bottom: 0;
}
.woocommerce-MyAccount-navigation ul li a {
    padding: 15px;
}
.woocommerce-Address{
    width: 100%;
}
.nav-area-logo .logo {
    width: 42px;
    height: 49px;
    object-position: left;
}
.desktop_show{
  display: none;
}
.mobile_show{
  display: block;
}


.our-history-left{
    display: none;
}
.payment-delivery-area h2 , .information-area h2 , .my-project-area h2 , .our-history-right h2 {
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 24px;
}
.our-history-right{
    padding-top: 24px;
}
.add-address-area , .view-address-area{
    margin-bottom: 24px;
}
.card-area {
    margin-top: 0;
}
.card-details-area {
    margin-top: 0;
}
.edit-remove-area a{
    padding: 11px 25px;
}
.payment-methord#exampleModal1 .modal-body, .address-popup-area#exampleModal2 .modal-body {
    padding: 20px;
}
#exampleModal1, #exampleModal2 {
    z-index: 9999999;
}
.payment-methord#exampleModal1 .btn-close, .address-popup-area#exampleModal2 .btn-close {
    top: 15px;
    right: 15px;
}
.information-area label {
    font-size: 16px;
    line-height: 24px;
    margin: 14px 0;
}
.information-area .input-text, .information-area .input-text:focus {
    margin-bottom: 14px;
}
.social-login-area, .social-login-area a {
    font-size: 14px;
    line-height: 20px;
}
.search-order{
    margin: 20px 0;
}
.search-result{
    display: none;
}
.products-account-panel{
    flex-direction: column;
}
.products-account-text {
    width: 100%;
}
.products-account-down-sec{
    flex-direction: column;
}
.products-account-img {
    width: 100%;
}
.products-account-down-last , .order-section-head-dot {
    width: auto;
    position: absolute;
    right: 0;
    top: 15px;
}
.products-account-panel{
    position: relative;
}
.pagination-area span {
    padding: 10px;
    border-radius: 5px;
    min-width: 47px;
}
.pagination-area .dropdown .btn {
    padding: 10px;
    min-width: 175px;
}
.products-account-down-sec {
    align-items: center;
}
.products-account-down-sec span {
    font-size: 14px;
}
.pagination-area .dropdown {
    width: auto;
}
.pagination-area .dropdown .btn, .pagination-area {
    font-size: 20px;
    line-height: 35px;
}
.products-account-text p , .products-account-text h4{
    text-align: center;
}
.order-section-area .products-account-text h4{
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 35px;
    text-align: left;
}
.order-section-area .products-account-text p{
    font-size: 17px;
    line-height: 27px;
    text-align: left;
}
.order-section-area .products-account-down-sec span , .order-section-area .products-account-down-sec span strong{
    font-size: 16px;
    line-height: 27px;
    text-align: left;
}
.order-section-area .products-account-down-sec {
    gap: 16px;
    flex-direction: column-reverse;
    align-items: baseline;
}
.order-section-products {
    border: none;
    padding: 0;
}
.order-section-area .products-account-panel {
    border: 0.2px solid rgba(60, 60, 60, 0.2)!important;
    padding: 10px 0!important;
}
.products-account-text{
    padding: 15px;
}
.order-section h3 {
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 20px;
}
.order-section p{
    font-size: 16px;
    line-height: 27px;
}
.order-section a{
    font-size: 16px;
    padding: 10px;
    line-height: 27px;
}
.pagination-area-sec{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}
.pagination-area{
    flex-direction: column;
}
.order-section-head{
    flex-flow: wrap;
    position: relative;
    padding: 20px;
}
.order-section-head-dot .btn {
    right: 15px;
}
.order-section-head-panel{
    width: 100%;
    margin-bottom: 20px;
}
.order-section-head-panel:nth-child(1){
    width: 50%;
}
.order-section-head-panel:nth-child(2){
    width: 50%;
}
.order-section-head-panel h3 {
    margin-bottom: 8px;
}
.catagory-drop-area form{
    width: 100%;
}
.catagory-drop-area .dropdown {
    width: 100%;
}

.productdetails .products-details-tab .container , .productdetails .related-area .container{
    padding: 0;
}
.products-details-tab{
    padding-top: 0;
}
.single-product div.product form.cart {
    margin-bottom: 0!important;
    padding: 1em 0 0!important;
}
.addresses .woocommerce-column__title {
    font-size: 24px;
}
.woocommerce-account .global-text-area .addresses .woocommerce-column__title {
    font-size: 24px;
}
.woocommerce-orders-table th, .woocommerce-orders-table td {
    font-size: 12px;
    letter-spacing: normal;
}
.news-banner img{
    height: 320px;
    object-fit: cover;
}





}

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


.news-banner img{
    height: 320px;
    object-fit: cover;
}

.woocommerce-account .global-text-area .my-project-area h2 {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 30px;
}
.woocommerce-orders-table{
    width: 100%;
}

.search-area form{
    width: 100%;
}
.products-details-tab{
    padding-top: 0;
}
.single-product div.product form.cart {
    margin-bottom: 0!important;
    padding: 1em 0 0!important;
}
.col2-set.addresses .col-1, .col2-set.addresses .col-2 {
    border: 1px solid #000;
    margin: 10px 0 !important;
    padding: 20px;
    min-height: auto;
    width: 100% !important;
}
.col2-set.addresses .col-2 {
    margin: 10px 0 !important;
}




.catagory-drop-area form{
    width: 100%;
}
.catagory-drop-area .dropdown {
    width: 100%;
}

.desktop_show{
  display: none;
}
.mobile_show{
  display: block;
}

.myaccountopen .card{
    border:none;
    box-shadow: none;
}
.myaccountopen{
    position: absolute;
    z-index: 99;
    width: 100%;
    left: 0;
    height: 100vh;
    background: #fff;
}
.myaccountopen .dropdown-menu-mobile{
    padding: 30px 0 0;
    margin: 0;
}
.myaccountopen .dropdown-menu-mobile li a {
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
    display: block;
    text-decoration: none;
    padding: 25px 0;
    text-align: center;
    color: #21272A;
}
.myaccountopen .dropdown-menu-mobile li {
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    font-weight: normal;
    display: block;
    background: none;
    border-top: 1px solid #fff;
}
.myaccountopen .dropdown-menu-mobile li a:hover , .myaccountopen .dropdown-menu-mobile li a:focus{
    color: #F6B954;
}

.user-registration-page .profiletop .mobiletggl[aria-expanded="false"] {
    background: transparent;
}
.user-registration-page .profiletop .mobiletggl[aria-expanded="false"] img{
    display: block;
}
.user-registration-page .profiletop .mobiletggl[aria-expanded="true"] {
    background: url(../images/icn_close-blue.svg)!important;
    background-repeat: no-repeat!important;
    background-position: center!important;
    width: 24px;
    height: 20px;
    display: flex;
    padding-left: 0 !important;
    margin-left: 20px !important;
}
.user-registration-page .profiletop .mobiletggl[aria-expanded="true"] img{
    display: none;
}



.container{
    max-width: 100%;
}
.nav-area-logo .logo {
    width: 42px;
    height: 49px;
    object-position: left;
}
.mobile-show{
  display: block!important;
}
.desktop-show{
  display: none!important;
}
.footer-bottom .col-lg-4.desktop-show{
  display: none!important;
}

.form-thank-modal .modal-body{
    padding: 60px 20px 30px;
}
.form-thank-modal .modal-dialog{
    width: 90%;
    margin: 0;
}
.form-thank-modal .btn-close {
    top: 20px;
    right: 20px;
}



/****menu****/
.dgmenuwrap{margin-top:0;}
.dgmenuwrap{
    display: inline-block;
}
.mean-container .mean-bar:nth-child(2){
    display: none;
}
ul.menu > li::after{content:''; position:inherit;}
ul.menu ul, ul.menu ul li ul {display: none; left: inherit; opacity: inherit!important; position: inherit; top: inherit; width: auto!important; box-shadow:none; background:none;}
ul.menu ul li:first-child, ul.menu ul li:last-child{margin:0;}
.dgmenuwrap {
    position: absolute;
    z-index: 9999;
    width: 100%;
    background: transparent;
    left: 0;
    top: -5px;
}
.mean-container .mean-nav {
    width: 100%;
}
.mean-container .mean-nav ul{
    height: 100vh;
    padding-top: 70px;
}
ul.menu ul li{border-bottom:none;}
/****end menu****/
.mean-container a.meanmenu-reveal {
    right: 0;
    padding-top: 7px;
}
.mean-container .mean-nav {
    margin-top: 58px;
}
.mean-container .mean-nav ul li a:hover{
    color: #C41F33!important;
}
.mean-container .mean-nav ul li a{
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
    padding: 25px 0;
    text-align: center;
}
.mean-container .mean-nav ul li a.mean-expand:hover:after{
    display: none;
}
.mean-container a.meanmenu-reveal.meanclose {
    line-height: 27px;
    background: url(../images/icn_close.svg);
    background-repeat: no-repeat;
    background-position: center;
}
.nav-area .container{
    position: relative;
}




.nav-area-logo img{
   width: 38px;
}
.nav-area{
    padding: 15px 0;
}
.login-area a{
    font-size: 12px;
    line-height: 18px;
    min-width: 77px;
    border-radius: 5px;
    padding: 7px;
}
.login-area a.active-book{
    display: flex;
}
.nav-area-menu {
    position: absolute;
    right: 45px;
    z-index: 999999;
}
.brand-bg {
    padding: 19px 0;
}
.brand-bg img{
    height: 22px;
}
.service-area{
    padding: 40px 0;
}
.service-area p{
    text-align: left;
}
.service-area h2{
    font-size: 40px;
    line-height: 50px;
    font-weight: 500;
    padding-bottom: 10px;
    text-align: left;
}
.service-area h2:after {
    left: 0;
    transform: translateX(0);
}
.our-products-area{
    padding-top: 40px;
}
.our-products-area h2{
    font-size: 40px;
    line-height: 50px;
    font-weight: 500;
    padding-bottom: 10px;
    text-align: left;
}
.our-products-area h2:after {
    left: 0;
    transform: translateX(0);
}
.order-stock-area h2{
    font-size: 18px;
    line-height: 27px;
}
.customised-panel{
    margin-bottom: 40px;
}
.our-products-right{
    margin-top: 32px;
}
.order-stock-area{
    padding-bottom: 40px;
}

.kwik-boks-area-img{
    display: none;
}
.kwik-boks-area{
    padding: 40px 0;
}
.our-products-left a {
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    min-width: 170px;
    padding: 8px;
}
.kwik-boks-area a{
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    min-width: 145px;
    padding: 8px;
    max-width: 145px;
}
.kwik-boks-area h2{
    font-size: 40px;
    line-height: 50px;
    font-weight: 500;
    padding-bottom: 10px;
    text-align: left;
}
.kwik-boks-area h2:after {
    left: 0;
    transform: translateX(0);
}
.dis-section h2{
    text-align: center;
    font-size: 18px;
    line-height: 27px;
}
.dis-section a{
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    min-width: 142px;
    float: none;
    padding: 8px;
}
.dis-section {
    padding: 40px 0;
    text-align: center;
}
.dis-section h2:after{
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.dis-section h2{
    padding-bottom: 12px;
    margin-bottom: 24px;
}
.latest-updates-area{
    padding: 40px 0;
}
.latest-updates-area h2{
    font-size: 40px;
    line-height: 50px;
    font-weight: 500;
    padding-bottom: 10px;
    max-width: 300px;
    text-align: left;
}
.latest-updates-area h2:after {
    left: 0;
    transform: translateX(0);
}
.latest-updates-area p{
    text-align: left;
}
.latest-updates-area .owl-nav{
    min-width: 90px;
    max-width: 90px;
    left: 15px;
    transform: translateX(0);
    top: -65px;
}
.latest-updates-area .owl-carousel .owl-nav button.owl-next , .latest-updates-area .owl-carousel .owl-nav button.owl-prev{
    width: 36px;
    height: 36px;
    background-repeat: no-repeat;
    background-size: contain;
}
.latest-updates-area #owl-demo1 {
    margin-top: 100px;
}


.kwik-boks-mobile-slider .owl-carousel .owl-nav button.owl-next {
    width: 36px;
    height: 36px;
    background-repeat: no-repeat!important;
    background-size: contain!important;
    background: url(../images/latest-arrow.svg);

}
.kwik-boks-mobile-slider #owl-demo2 {
    margin-top: 70px;
}
.kwik-boks-mobile-slider .owl-carousel .owl-nav button.owl-prev {
    background: url(../images/latest-arrow.svg);
    transform: rotate(180deg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 36px;
    height: 36px;
}
.kwik-boks-mobile-slider .owl-next span, .kwik-boks-mobile-slider .owl-prev span{
    display: none;
}
.kwik-boks-mobile-slider .owl-nav {
    min-width: 90px;
    max-width: 90px;
    left: 0;
    transform: translateX(0);
    top: -65px;
    display: flex!important;
    justify-content: space-between;
    position: absolute;
}
.latest-updates-area .view-all a{
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    min-width: 87px;
    float: none;
    padding: 8px;
}
.latest-updates-area .view-all {
    text-align: left;
}
.latest-news-panel {
    flex-direction: column-reverse;
}
.latest-news-img , .latest-news-text{
    width: 100%;
}
.latest-news-img img {
    height: 287px;
    object-fit: cover;
    border-radius: 5px 5px 0px 0px;
}
.latest-news-text{
    border-radius: 0px 0px 5px 5px;
}
.latest-news-text h3 {
    max-width: 100%;
    margin-bottom: 16px;
}
.latest-news-text{
    padding: 16px 16px 40px;
}
.kwik-boks-area-text {
    float: none;
    display: flex;
    flex-direction: column;
}
.kwik-boks-mobile-slider{
    padding: 40px 0 0;
    display: block;
}
.kwik-boks-mobile-slider img{
    height: 321px;
    object-fit: cover;
    border-radius: 3px;
}
.kwik-boks-mobile-slider .owl-dots{
    display: none;
}
.footer-top{
    padding: 40px 15px 0;
}
.footer-logo img{
    margin-bottom: 32px;
}
.footer-logo p{
    max-width: 100%;
}
.footer-menu {
    width: 100% !important;
    border-top: 1px solid #D4D4D4;
    border-bottom: 1px solid #D4D4D4;
    padding: 16px 0 6px;
}
.footer-logo p{
    margin-bottom: 16px;
}
.footer-contact {
    width: 100% !important;
    border-bottom: 1px solid #D4D4D4;
    padding: 16px 0 6px;
}
.footer-contact .footer-section li:nth-child(2), .footer-contact .footer-section li:nth-child(3) {
    margin-top: 10px;
}
.footer-social-section{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    padding: 16px 0;
}
.footer-social-section a {
    margin-right: 0;
    margin-left: 20px;
}
.footer-logo-1 a{
    margin-left: 0;
}
.footer-bottom .col-lg-4 {
    display: flex;
}
.footer-logo{
    padding-right: 0;
    padding-left: 0;
}
.develope-area {
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    padding-top: 16px;
    align-items: baseline;
}
.footer-bottom .footer-bottom1 {
    justify-content: flex-start;
}
.footer-bottom-link ul{
    flex-direction: column;
}
.footer-bottom-link{
    padding: 11px 0;
    border-bottom: 1px solid #D4D4D4;
}
.footer-bottom-link ul li a {
    padding: 5px 0;
    display: block;
}
.footer-bottom-payment{
    padding: 16px 0;
    border-bottom: 1px solid #D4D4D4;
}
.footer-social-section{
    border-bottom: 1px solid #D4D4D4;
}
.footer-bottom {
    border-top: none;
    padding: 16px 15px;
}
.mobile-logo {
    position: relative;
}
.latest-updates-area p , .kwik-boks-area p , .our-products-right p{
    max-width: 100%;
}
.order-img img{
    height: 314px;
}


.faq-area{
    padding: 40px 0;
}
.faq-area h2{
    font-size: 40px;
    line-height: 50px;
}
.faq-area .btn{
    font-weight: 700;
}
.goal-area{
    padding: 40px 0;
}
.goal-text h2{
    font-size: 32px;
    line-height: 40px;
}
.goal-img img{
    margin-top: 40px;
}
.promoting-events{
    padding: 40px 0;
}
.promoting-events h2{
    font-size: 32px;
    line-height: 40px;
    max-width: 300px;
}
.balance-area .kwik-boks-area h2{
    font-size: 32px;
    line-height: 40px;
    max-width: 300px;
}
.balance-area{
    overflow: hidden;
}
.balance-area .kwik-boks-area-text {
    float: none;
    max-width: 100%;
}
.balance-mobile-slider .owl-nav {
    min-width: 90px;
    max-width: 90px;
    left: 0;
    transform: translateX(0);
    top: -65px;
    display: flex!important;
    justify-content: space-between;
    position: absolute;
}
.balance-mobile-slider .owl-dots{
    display: none;
}
.balance-mobile-slider .owl-carousel .owl-nav button.owl-next {
    width: 36px;
    height: 36px;
    background-repeat: no-repeat!important;
    background-size: contain!important;
    background: url(../images/latest-arrow.svg);

}
.balance-mobile-slider #owl-demo2 {
    margin-top: 70px;
}
.balance-mobile-slider .owl-carousel .owl-nav button.owl-prev {
    background: url(../images/latest-arrow.svg);
    transform: rotate(180deg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 36px;
    height: 36px;
}
.balance-mobile-slider .owl-next span, .balance-mobile-slider .owl-prev span{
    display: none;
}
.balance-mobile-slider img {
    height: 321px;
    object-fit: cover;
    border-radius: 3px;
}
.balance-mobile-slider {
    padding: 40px 0;
    display: block;
}
.balance-mobile-slider #owl-demo4 {
    margin-top: 40px;
}


.promoting-mobile-slider .owl-nav {
    min-width: 90px;
    max-width: 90px;
    left: 0;
    transform: translateX(0);
    top: -65px;
    display: flex!important;
    justify-content: space-between;
    position: absolute;
}
.promoting-mobile-slider .owl-dots{
    display: none;
}
.promoting-mobile-slider .owl-carousel .owl-nav button.owl-next {
    width: 36px;
    height: 36px;
    background-repeat: no-repeat!important;
    background-size: contain!important;
    background: url(../images/latest-arrow.svg);

}
.promoting-mobile-slider #owl-demo2 {
    margin-top: 70px;
}
.promoting-mobile-slider .owl-carousel .owl-nav button.owl-prev {
    background: url(../images/latest-arrow.svg);
    transform: rotate(180deg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 36px;
    height: 36px;
}
.promoting-mobile-slider .owl-next span, .promoting-mobile-slider .owl-prev span{
    display: none;
}
.promoting-mobile-slider img {
    height: 321px;
    object-fit: cover;
    border-radius: 3px;
}
.promoting-mobile-slider {
    padding: 40px 0 0;
    display: block;
}
.promoting-mobile-slider #owl-demo5 {
    margin-top: 40px;
}
.goal-img img{
    max-width: 100%;
}
.promoting-mobile-slider h3{
  color: #3C3C3C;
  font-size: 20px;
  line-height: 25px;
  list-style: disc;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  margin: 16px 0;
}
.promoting-mobile-slider p{
  color: #3C3C3C;
  font-size: 16px;
  line-height: 24px;
  list-style: disc;
  font-family: "Inter", sans-serif;
  font-weight: 400;
}


.news-sec , .company-events , .sustainability-area , .award-events {
    padding: 40px 0;
    text-align: left;
}
.news-sec h2 , .award-events h2 , .sustainability-area h2 , .company-events h2{
    font-size: 40px;
    line-height: 50px;
    text-align: left;
}
.news-sec h2:after , .sustainability-area h2:after {
    left: 0;
    transform: translateX(0);
}
.award-events .owl-nav , .company-events .owl-nav{
    max-width: 100px;
    min-width: 100px;
}
.sustainability-area p{
    text-align: left;
    max-width: 100%;
}
.sustainability-panel{
    display: flex;
    flex-direction: column-reverse;
}
.sustainability-img , .sustainability-text {
    width: 100%;
}
.sustainability-text h3{
    max-width: 100%;
    margin-bottom: 16px;
}
.sustainability-text {
    padding: 16px;
    border-radius: 0 0 5px 5px;
}
.sustainability-img img{
    border-radius:  5px 5px 0 0;
}
.sustainability-panel{
    margin: 8px 0;
}


.video-sec video{
    height: auto;
}
.responsibility-area , .mission-area , .qulity-area , .who-we-are-area {
    padding: 40px 0;
}
.responsibility-area h2, .mission-area h2, .qulity-area h2 , .who-we-are-text h2 {
    font-size: 32px;
    line-height: 40px;
    text-align: left;
    max-width: 300px;
}
.qulity-text{
    padding-left: 0;
}
.responsibility-img img{
    height: auto;
    margin-top: 24px;
}
.responsibility-mobile-img{
    padding: 16px 0 40px;
    width: 100%;
    display: flex;
}
.responsibility-mobile-img img{
    width: 100%;
}
.mission-panel1{
    margin-bottom: 25px;
}
.mission-area h2:after{
    left: 0;
    transform: translateX(0);
}
.qulity-area .mobile-show{
    margin-top: 24px;
}



.insperied-area , .benefits-area{
    padding: 40px 0;
}
.insperied-area p{
    text-align: center;
}
.insperied-area h2 , .benefits-area h2 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 500;
    padding-bottom: 10px;
    text-align: left;
}
.faq-section-sub h2:after , .benefits-area h2:after {
    left: 0;
    transform: translateX(0);
}
.faq-section-sub{
    padding: 40px 0;
}
.faq-section-sub .colleps-text{
    padding: 0 0 24px;
}
.faq-section-sub h2 {
    font-size: 40px;
    line-height: 50px;
    text-align: left;
}
.benefits-text-p-m{
    display: block;
    margin: 24px 0;
    color: #3C3C3C;
    font-size: 16px;
    line-height: 24px;
    font-family: "Inter", sans-serif;
    font-weight: 400;
}
.benefits-scroll-area .owl-carousel .owl-nav button.owl-next {
    width: 36px;
    height: 36px;
    background-repeat: no-repeat!important;
    background-size: contain!important;
    background: url(../images/latest-arrow.svg);

}
.benefits-scroll-area #owl-demo2 {
    margin-top: 70px;
}
.benefits-scroll-area .owl-carousel .owl-nav button.owl-prev {
    background: url(../images/latest-arrow.svg);
    transform: rotate(180deg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 36px;
    height: 36px;
}
.benefits-scroll-area .owl-next span, .benefits-scroll-area .owl-prev span{
    display: none;
}
.benefits-scroll-area .owl-nav {
    min-width: 90px;
    max-width: 90px;
    left: 0;
    transform: translateX(0);
    top: -65px;
    display: flex!important;
    justify-content: space-between;
    position: absolute;
}
.benefits-panel{
    padding: 16px;
    margin: 0;
    align-items: baseline;

}
.benefits-panel img{
    width:auto!important;
}
.benefits-scroll-area {
    padding: 10px 0 0;
    display: block;
}
.benefits-scroll-area #owl-demo9 {
    margin-top: 70px;
}
.benefits-area .owl-dots{
    display: none;
}
.insperied-area .owl-item.active.center img{
    height: auto;
}
.insperied-area .owl-item.active.center {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    left: 0;
    transform: scale(0);
}
.insperied-area .buy-now-button a{
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    padding: 8px 16px;
    min-width: 83px;
}
.insperied-area .buy-now-button{
    text-align: center;
}


.insperied-area .owl-carousel .owl-nav button.owl-next {
    width: 36px;
    height: 36px;
    background-repeat: no-repeat!important;
    background-size: contain!important;
    background: url(../images/latest-arrow.svg);

}
.insperied-area .owl-carousel .owl-nav button.owl-prev {
    background: url(../images/latest-arrow.svg);
    transform: rotate(180deg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 36px;
    height: 36px;
}
.insperied-area .owl-next span, .insperied-area .owl-prev span{
    display: none;
}
.insperied-area .owl-nav {
    min-width: 100px;
    max-width: 100px;
    left: 0;
    transform: translateX(0);
    top: -60px;
    display: flex!important;
    justify-content: space-between;
    position: absolute;
}
.benefits-scroll-area {
    padding: 10px 0 0;
    display: block;
}
.insperied-area #owl-demo8 {
    margin-top: 100px;
}
.insperied-area .owl-dots{
    display: none;
}
.insperied-area .owl-stage-outer{
    margin: 0;
    max-width: 100%;
}
.insperied-area .owl-item img{
    height: 321px;
    object-fit: cover;
}


.position-area{
    padding: 40px 0;
}
.position-area h2 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 500;
    padding-bottom: 10px;
    text-align: center;
}
.career-catagory-area ul li a , .career-catagory-area .nav-tabs .nav-link {
    font-size: 12px;
    padding: 0 9px;
    margin: 0;
}
.position-panel{
    padding: 30px;
}
.position-panel img{
    right: 20px;
    bottom: 30px;
}
.position-panel p{
    max-width: 87%;
}

.job-area{
    background: transparent!important;
    margin: 0;
}
.job-area-left , .job-area-right{
    padding: 25px 15px;

}
.job-area-left h2{
    font-size: 32px;
    line-height: 40px;
}
.job-area-left h3{
    margin-top: 24px;
}


.job-area-panel-frm {
  margin-bottom: 5px;
}
.frm-bottom-text {
  display: inline-block;
}
.frm-bottom-text a {
    padding: 0;
    letter-spacing: normal;
}


.contact-page-area{
    padding: 40px 0 0;
}
.conract-faq-section h2, .contact-details-section h2 , .reach-section h2{
    font-size: 40px;
    line-height: 50px;
    text-align: left;
    padding-bottom: 10px;
}
.reach-section h2{
    padding-bottom: 0;
}
.conract-faq-section .btn{
    font-weight: 700;
}
.conract-faq-section .btn{
    padding: 24px 40px 24px 0;
}
.contact-details-section{
    padding-left: 15px;
    padding-top: 80px;
}
.contact-details-section p strong{
    font-weight: 500;
}
.reach-section{
    padding: 40px 0;
}
.reach-section p {
    align-items: flex-start;
}


.hire-text-area{
    padding: 40px 0;
}
.hire-text-area h2{
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
}
.hire-text-area a {
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    min-width: 186px;
    padding: 8px;
    margin-top: 24px;
}
.video-sec.hire-video video {
    height: 206px;
}
.related-area h2{
    text-align: left;
}
.products-text h3 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    margin-bottom: 8px;
}
.related-area .owl-carousel .owl-nav button.owl-next {
    width: 36px;
    height: 36px;
    background-repeat: no-repeat!important;
    background-size: contain!important;
    background: url(../images/latest-arrow.svg);

}
.related-area #owl-demo9 {
    margin-top: 0;
}
.related-area .owl-carousel .owl-nav button.owl-prev {
    background: url(../images/latest-arrow.svg);
    transform: rotate(180deg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 36px;
    height: 36px;
}
.related-area .owl-next span, .related-area .owl-prev span{
    display: none;
}
.related-area .owl-nav {
    min-width: 90px;
    max-width: 90px;
    left: 0;
    transform: translateX(0);
    bottom: -65px;
    display: flex!important;
    justify-content: space-between;
    position: absolute;
}
.related-area {
    padding: 50px 0 120px;
}
.details-tab-area h3 {
    font-size: 30px;
}
.details-tab-area1 .colleps-text p {
    font-size: 16px;
    line-height: 24px;
}
.tab-peoduct-details{
    flex-direction: column;
    padding: 20px;
    margin-bottom: 30px;
}
.tab-products-img , .tab-products-text {
    width: 100%;
    padding: 0;
}
.tab-products-text{
    padding-top: 30px;
}





.products-panel .owl-carousel .owl-nav button.owl-next {
    width: 36px;
    height: 36px;
    background-repeat: no-repeat!important;
    background-size: contain!important;
    background: url(../images/latest-arrow.svg);

}
.products-panel #owl-demo2 {
    margin-top: 70px;
}
.products-panel .owl-carousel .owl-nav button.owl-prev {
    background: url(../images/latest-arrow.svg);
    transform: rotate(180deg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 36px;
    height: 36px;
}
.products-panel .owl-next span, .products-panel .owl-prev span{
    display: none;
}
.products-panel .owl-nav {
    min-width: 90px;
    max-width: 90px;
    left: 0;
    transform: translateX(0);
    bottom: -30px;
    display: flex!important;
    justify-content: space-between;
    position: absolute;
}
.products-details {
    justify-content: flex-start;
}
.price-cut , .price-green , .vat-area{
    padding-left: 10px;
}



.search-area input::placeholder , .catagory-filter-input input::placeholder {
  font-size: 14px;
}
.search-area input::-ms-input-placeholder , .catagory-filter-input input::-ms-input-placeholder { /* Edge 12 -18 */
  font-size: 14px;
}
.products-panel {
    margin-bottom: 40px;
}
.result-area{
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    color: rgba(60, 60, 60, 1);
}
.search-area{
    display: flex;
    align-items: center;
    gap:24px;
    justify-content: space-between;
}
.catagory-mobile{
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 24px 0;
}
.catagory-mobile h3{
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: rgba(60, 60, 60, 1);
  line-height: 21px;
  margin-bottom: 18px;
}
.catagory-drop-area .dropdown-toggle {
    border: 0.5px solid rgba(188, 188, 188, 1);
    width: 100%;
    background: url(../images/shot-down.svg) no-repeat 91% center rgba(255, 255, 255, 1);
    background-size: 12px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: rgba(60, 60, 60, 1);
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
}
.catagory-drop-area{
    display: flex;
    justify-content: space-between;
    gap:24px;
}
.dropdown{
    width: 50%;
}
.search-filter-area {
    max-width: 100%;
}
.catagory-filter-sec1, .catagory-filter-sec2, .catagory-filter-sec3{
    border-bottom: 1px solid rgba(245, 245, 245, 0.74);
    padding-bottom: 24px;
    margin-top: 24px;
}
.colleps-under-area p{
    margin-bottom: 0;
}
.catagory-mobile{
    border-bottom: 1px solid rgba(245, 245, 245, 0.74);
}


.banner-area video{
  height: auto;
  object-fit: cover;
}


.global-text-area .woocommerce-MyAccount-navigation {
    width: 100%;
    float: left;
    margin-right: 0;
    padding-right: 0;
}
.global-text-area .woocommerce-MyAccount-content {
    width: 100%;
    padding-left: 0;
    padding-top: 50px;
    display: inline-block;
}
.woocommerce-MyAccount-navigation ul li {
    display: block;
    margin-bottom: 0;
}
.woocommerce-MyAccount-navigation ul li a {
    padding: 15px;
}
.woocommerce-Address{
    width: 100%;
}


.our-history-left{
    display: none;
}
.payment-delivery-area h2 , .information-area h2 , .my-project-area h2 , .our-history-right h2 {
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 24px;
}
.our-history-right{
    padding-top: 24px;
}
.add-address-area , .view-address-area{
    margin-bottom: 24px;
}
.card-area {
    margin-top: 0;
}
.card-details-area {
    margin-top: 0;
}
.edit-remove-area a{
    padding: 11px 25px;
}
.payment-methord#exampleModal1 .modal-body, .address-popup-area#exampleModal2 .modal-body {
    padding: 20px;
}
#exampleModal1, #exampleModal2 {
    z-index: 9999999;
}
.payment-methord#exampleModal1 .btn-close, .address-popup-area#exampleModal2 .btn-close {
    top: 15px;
    right: 15px;
}
.information-area label {
    font-size: 16px;
    line-height: 24px;
    margin: 14px 0;
}
.information-area .input-text, .information-area .input-text:focus {
    margin-bottom: 14px;
}
.social-login-area, .social-login-area a {
    font-size: 14px;
    line-height: 20px;
}
.search-order{
    margin: 20px 0;
}
.search-result{
    display: none;
}
.products-account-panel{
    flex-direction: column;
}
.products-account-text {
    width: 100%;
}
.products-account-down-sec{
    flex-direction: column;
}
.products-account-img {
    width: 100%;
}
.products-account-down-last , .order-section-head-dot {
    width: auto;
    position: absolute;
    right: 0;
    top: 15px;
}
.products-account-panel{
    position: relative;
}
.pagination-area span {
    padding: 10px;
    border-radius: 5px;
    min-width: 47px;
}
.pagination-area .dropdown .btn {
    padding: 10px;
    min-width: 175px;
}
.products-account-down-sec {
    align-items: center;
}
.products-account-down-sec span {
    font-size: 14px;
}
.pagination-area .dropdown {
    width: auto;
}
.pagination-area .dropdown .btn, .pagination-area {
    font-size: 20px;
    line-height: 35px;
}
.products-account-text p , .products-account-text h4{
    text-align: center;
}
.order-section-area .products-account-text h4{
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 35px;
    text-align: left;
}
.order-section-area .products-account-text p{
    font-size: 17px;
    line-height: 27px;
    text-align: left;
}
.order-section-area .products-account-down-sec span , .order-section-area .products-account-down-sec span strong{
    font-size: 16px;
    line-height: 27px;
    text-align: left;
}
.order-section-area .products-account-down-sec {
    gap: 16px;
    flex-direction: column-reverse;
    align-items: baseline;
}
.order-section-products {
    border: none;
    padding: 0;
}
.order-section-area .products-account-panel {
    border: 0.2px solid rgba(60, 60, 60, 0.2)!important;
    padding: 10px 0!important;
}
.products-account-text{
    padding: 15px;
}
.order-section h3 {
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 20px;
}
.order-section p{
    font-size: 16px;
    line-height: 27px;
}
.order-section a{
    font-size: 16px;
    padding: 10px;
    line-height: 27px;
}
.pagination-area-sec{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}
.pagination-area{
    flex-direction: column;
}
.order-section-head{
    flex-flow: wrap;
    position: relative;
    padding: 20px;
}
.order-section-head-dot .btn {
    right: 15px;
}
.order-section-head-panel{
    width: 100%;
    margin-bottom: 20px;
}
.order-section-head-panel:nth-child(1){
    width: 50%;
}
.order-section-head-panel:nth-child(2){
    width: 50%;
}
.order-section-head-panel h3 {
    margin-bottom: 8px;
}

.mission-area.who-we-are-mission-text h2{
    text-align: center;
    margin: 0 auto 30px;
}
.mission-area.who-we-are-mission-text h2:after {
    left: 50%;
    transform: translateX(-50%);
}

.insperied-area h2{
    text-align: center;
}
.insperied-area h2:after{
    left: 50%;
    transform: translateX(-50%);
}

.productdetails .products-details-tab .container , .productdetails .related-area .container{
    padding: 0;
}






}



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

.footer-bottom{
    padding-left: 0;
}
.latest-updates-area h2{
    max-width: 100%;
}
.promoting-events h2 , .goal-text p{
    max-width: 100%;
}




}


@media only screen and (min-width: 576px) and (max-width: 639px) {

.footer-bottom{
    padding-left: 0;
}
.latest-updates-area h2{
    max-width: 100%;
}
.promoting-events h2 , .goal-text p{
    max-width: 100%;
}



    
}

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

.footer-bottom .footer-bottom1 , .develope-area{
    padding-left: 0;
}
.promoting-events h2 , .goal-text p{
    max-width: 100%;
}

	
}

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

.footer-bottom .footer-bottom1 , .develope-area{
    padding-left: 0;
}

	
}