@import url("bootstrap.min.css");
@import url("owl.carousel.min.css");
@import url("owl.theme.default.min.css");
@import url("../../../../../../cdn.jsdelivr.net/gh/fancyapps/fancybox%403.5.7/dist/jquery.fancybox.min.css");
@import url("style.css");

/* 
========================================== 
Page CSS
========================================== 
*/

/*Header CSSS*/
header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    padding: 15px 0;
    transition: .2s ease all;
}
header.fixed {
    background-color: #021B51;
    -webkit-box-shadow: 0 1px 1px -1px rgba(0,0,0,.16);
    box-shadow: 0 1px 1px -1px rgba(0,0,0,.16);
}
.navbar-brand img {
    width: 100%;
    max-width: 260px;
}
.navbar-expand-lg {
    padding: 0;
}
header .nav-item {
    margin: 0 10px;
}
.wpmenucart-icon-shopping-cart-0:before {
	font-size: 20px;
	text-shadow: 0px 2px 5px #000000;
}
.nav-item .nav-link {
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
	text-shadow: 0px 2px 5px #000000;
    color: #FFFFFF;
    padding: 0;
    padding-top: 4px;
}
.header_icons.desktop {
    margin-left: 20px;
    margin-right: 20px;
}
.header_icons ul li {
    display: inline-block;
    margin-left: 10px;
}
.header_icons ul li img {
    height: 22px;
}
header.blue {
    /*background-color: #021B51;*/
    background-color: #e2eafd;
}
.primary-navigation ul li {
    position: relative;
    margin: 0 10px;
}
.packaging-template .banner .home_banner_in.bg_img {
  height: 850px;
}
.primary-navigation ul li ul {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  padding-left: 0;
  left: 0;
  display: none;
  background: white;
}
.primary-navigation ul li:hover > ul,
.primary-navigation ul li ul:hover {
  visibility: visible;
  opacity: 1;
  display: block;
  text-align: left;
  padding-top: 14px;
  box-shadow: 0px 3px 5px -1px #ccc;
}
.primary-navigation ul li ul li {
  clear: both;
  width: 100%;
  text-align: left;
  margin-bottom: 14px;
  border-style: none;
}
.primary-navigation ul li ul li a:hover {
  padding-left: 10px;
  border-left: 2px solid #A91D21;
  transition: all 0.3s ease;
    color: #A91D21;
}
.primary-navigation ul li ul li a {
  transition: all 0.5s ease;
    font-size: 14px;
    font-weight: 600;
}
nav.navi {
    display: none;
}
/*Header CSS*/


/*Banner CSS*/
.banner {
    position: relative;
}
.banner .home_banner_in {
    width: calc(100% - 46px);
    position: relative;
}

.banner .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(2, 27, 81, 0.52);
	display:none;
}
.banner_text {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: flex;
    align-items: center;
    color: #fff;
}
.banner_text .ban_text_in.center_text {
    text-align: center;
}
.banner_text .ban_text_in.center_text p {
    margin-left: auto;
    margin-right: auto;
}
.ban_text_in h1 {
    word-break: break-word;
}
.onlyHome .home_banner_in .ban_text_in h1 {
    font-size: 50px;
}
.ban_text_in p {
    margin-top: 20px;
    font-weight: bold;
    width: 70%;
}
.onlyHome .home_banner_in .ban_text_in p {
    font-size: 20px;
}
.ban_text_in .banner_button {
    margin-top: 30px;
}
.hb_button {
    position: absolute;
    width: 50px;
    right: 0;
    top: 0;
    height: 100%;
    z-index: 999;
}
.hb_button .btns {
    height: 50%;
}
.hb_button .btns a {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btns a span {
    display: inline-block;
    writing-mode: vertical-lr;
}
.hb_button .btns a.white {
    background-color: #fff;
    color: #021B51;
    transition: .2s ease all;
}
.hb_button .btns a.white:hover {
    background-color: #021B51;
    color: #fff;
}
.hb_button .btns a.blue {
    background-color: #021B51;
    color: #fff;
    transition: .2s ease all;
}
.hb_button .btns a.blue:hover {
    background-color: #A91D21;
    color: #fff;
}
/*Banner CSS*/

.wwd_main {
    position: relative;
}
.wwd_main .wwd_bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    z-index: -1;
}
.wwd .wwd_in {
    height: 100%;
}
.wwd_in .wwd_box {
    border-radius: 32px;
    padding: 40px 30px 30px 30px;
    height: 100%;
    transition: .3s ease all;
}
.wwd_in:hover .wwd_box {
    background: #FFFFFF;
    box-shadow: -25px 15px 50px rgba(62, 80, 247, 0.1);
}
.wwd_box .wwd_image {
    text-align: center;
}
.wwd_box .wwd_image img {
    height: 160px;
}
.wwd_box .wwd_text {
    text-align: center;
    margin-top: 20px;
}
.wwd_box .wwd_text .wwd_heading {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
}
.wwd_box .wwd_text .wwd_para p {
    font-size: 16px;
    margin-bottom: 0;
}
.wwd .pack_outer {
    margin: 0 auto;
}
.wwd .pack_outer .pack_in {
    min-height: 400px;
    padding: 40px 30px;
}
.wwd .packin_inner h2 {
    font-size: 25px;
}
.wwd .pack_outer .overlay_text h3 {
    font-size: 22px;
}
.pack_outer .overlay_text .know_button .custom_button {
    margin: 0 5px;
}

.ability {
    margin-top: 100px;
}
.ability .abletext {
    cursor: pointer;
    padding: 30px;
}
.ability .abletext {
    cursor: pointer;
    padding: 30px;
	min-height: 340px;
    box-shadow: -15px 15px 25px rgba(62, 80, 247, 0.15);
    border-radius: 30px;
    background: #fff;
}
.ability .ability_left {
    width: 80%;
}
.ability .ability_right {
    width: 80%;
    margin-left: auto;
}
.ability_heading h3 {
    transition: .2s ease all;
}
.abletext.active .ability_heading h3 {
    color: #A91D21;
}
.ability_heading {
    margin-bottom: 20px;
}
.why_sec {
    background-position: top;
    background-color: #CBDAFF;
    padding-top: 160px!important;
}
.why_sec .heading h2 {
    color: #fff;
}
.why_roll .wrp_iconsec {
    text-align: center;
}
.wrp_iconsec .wrpis_in {
    padding: 10px;
}
.wrpis_in .wrp_img img {
    height: 80px;
}
.wrpis_in .wrp_text {
    margin-top: 30px;
}
.wrpis_in .wrp_text p {
    margin-top: 10px;
}
.why_roll h5 {
    color: #fff;
}
.why_roll p {
    color: #fff;
}

.images_sec {
    overflow: hidden;
    background-color: #021B51;
}
.images_sec .row {
    margin-right: -4px;
    margin-left: -4px;
}
.images_sec .row .col-lg-6 {
    padding-right: 4px;
    padding-left: 4px;
}
.images_sec .imgsec_in {
    height: 600px;
    position: relative;
    overflow: hidden;
}
.images_sec .imgsec_in img {
    position: absolute;
    width: auto;
    height: 100%;
    top: 0;
    left: 0;
}
.globemapImage{
	float: left;
    width: 280px;
    padding: 0px 40px 20px 0;
}
.home .ability_text {
    min-width: 200px;
    display: flow-root;
}
body .smush-detected-img {
    box-shadow: none;
}
.images_sec .imgsec_in video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.images_sec .imgsec_in .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
   
    z-index: 1;
    left: 0;
    top: 0;
}
.images_sec .imgsec_in .imagesec_overcontent {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    padding: 40px;
}
.images_sec .imgsec_in .imagesec_overcontent h3 {
    color: #fff;
}

.logos_sec_outer {
    position: relative;
}
/*.logos_sec_outer:before {
    content: '';
    position: absolute;
    width: 50%;
    height: 100%;
    background-color: #F8FAFF;
}*/
.logos_sec .big_logos .bl_in {
    text-align: center;
    margin: 20px 0;
}
.big_logos .bl_in img {
    max-width: 120px;
    max-height: 130px;
}
.logos_sec .small_logos .bl_in {
    text-align: center;
    margin: 40px 0;
}
.small_logos .bl_in img {
    max-width: 100%;
    max-height: 70px;
    transition: .2s ease all;
}
.small_logos .bl_in img:hover {
    filter: none;
    opacity: 1;
}

.our_com {
    
}
.oc_iconsec .oc_in {
    text-align: center;
}
.oc_in .oc_img img {
    height: 100px;
}
.oc_in .oc_text {
    margin-top: 30px;
}

.gal_box {
    background: #FFFFFF;
    box-shadow: -15px 15px 25px rgba(62, 80, 247, 0.15);
    border-radius: 37px;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.galbox_in {
    padding: 15px 20px;
}
.galbox_in .galin {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    border-radius: 23px;
    height: 140px;
    margin: 8px 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.galbox_in .galin img {
    max-width: 100%;
    max-height: 130px;
}
.galbox_in .row {
    margin-right: -10px;
    margin-left: -10px;
}
.galbox_in .col-6 {
    padding-right: 10px;
    padding-left: 10px;
}
.gal_box .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(2, 27, 81, 0.9);
    opacity: 1;
    transition: .3s ease all;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}
.gal_box .overlay .overlay_text {
    color: #FFFFFF;
    font-family: 'Monument Extended';
    font-size: 22px;
    width: 80%;
    text-align: center;
}
.gal_box:hover .overlay {
    opacity: 0;
    height: 0;
    transition: .3s ease all;
}
.gal_box .view_btn {
    margin-top: 0px;
}
.gal_box .view_btn a {
    width: 100%;
    text-align: center;
    display: block;
    padding: 15px;
    background: #021B51;
    color: #fff;
    font-size: 14px;
    transition: .3s ease all;
}
.gal_box .view_btn a:hover {
    transition: .3s ease all;
    background-color: #A91D21;
}


.test_slider {
    position: relative;
}
.test_slider .arrow_left {
    position: absolute;
    top: 40%;
    left: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid #000;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.test_slider .arrow_left img {
    width: 100%;
}
.test_slider .arrow_right {
    position: absolute;
    top: 40%;
    right: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid #000;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.test_slider .arrow_right img {
    width: 100%;
}
.test_slider .t_sliderin {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.t_box {
    background: #021B51;
    border-radius: 21px;
    padding: 40px;
    position: relative;
    overflow: hidden;
}
.t_box .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(161, 177, 253, 0.8);
    z-index: 1;
}
.owl-item.center .item .t_box .overlay {
    display: none;
}
.tbox_in .t_top {
    margin-bottom: 30px;
}
.tbox_in .t_top img {
    max-width: 150px;
    max-height: 60px;
    width: auto;
}
.tbox_in .t_middle p {
    color: #fff;
}
.tbox_in .t_bottom {
    padding-top: 20px;
    position: relative;
    color: #fff;
}
.tbox_in .t_bottom:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 2px;
    background-color: #CBDAFF;
}
.tbox_in .t_bottom .name {
    font-size: 25px;
}
.tbox_in .t_bottom li {
    font-size: 15px;
    color: #CBDAFF;
    margin-top: 5px;
}
.owl-item .item .t_box {
    transform: scale(.8);
    transition: .2s ease all;
}
.owl-item.center .item .t_box {
    transform: scale(1);
}

.oloc_main {
    
}
.map_image {
    position: relative;
}
.map_image img {
    width: 100%;
}
.map_image .mapimage_box {
    position: absolute;
    background-color: #021B51;
    border-radius: 12px;
    padding: 15px;
    max-width: 150px;
    color: #fff;
}
.map_image .mapimage_box:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: -17px;
    background-image: url(../img/vector.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 16px;
    height: 50px;
}
.mapimage_box .mpb_h {
    font-size: 12px;
    margin-bottom: 5px;
}


/*Newzealand*/
#one .mapimage_box {
    bottom: 18%;
    right: 19%;
}
/*Sydney*/
#two .mapimage_box {
    bottom: 20%;
    right: 12%;
}
/*Melbourne*/
#three .mapimage_box {
    right: 5%;
    bottom: 12%;
}
/*China*/
#four .mapimage_box {
    right: 20%;
    top: 16%;
}
/*Usa*/
#six .mapimage_box {
    top: 18%;
    left: 1%;
}

.mapimage_box .mpb_t {
    font-size: 10px;
}
.oloc_main .tabs {
    padding-left: 30px;
}
.oloc_main .tabs .tablinks {
    color: #b3b3b3;
    font-weight: bold;
    font-size: 22px;
    margin: 10px 0;
    cursor: pointer;
    transition: .2s ease all;
}
.oloc_main .tabs>.tablinks {
    padding-left: 20px;
    position: relative;
}
.oloc_main .tabs>.tablinks span.arrow {
    position: absolute;
    left: -6px;
    top: 0px;
    width: 10px;
    transition: .2s ease all;
}
.oloc_main .tabs>.tablinks span.arrow svg path {
    transition: .2s ease all;
}
.oloc_main .tabs>.tablinks:hover span.arrow svg path {
    transition: .2s ease all;
    fill: #021B51;
}
.oloc_main .tabs>.tablinks.active span.arrow {
    transform: rotate(-180deg);
    left: 0;
}
.oloc_main .tabs>.tablinks.active span.arrow path {
    fill: #021B51;
}
.oloc_main .tabs .tablinks:hover {
    color: #021B51;
}
.oloc_main .tabs .tablinks.active {
    color: #021B51;
}
.oloc_main .tabcontent {
    display: none;
    animation: fadeEffect .5s;
}
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}
.tabs .panel {
    padding-left: 40px;
    background-color: white;
    height: 0;
    transition: height 0.15s ease-out;
    overflow: hidden;
}
.tabs .panel.active {
    height: auto;
    transition: height 0.25s ease-in;
}
.panel-list .upperheading {
    font-size: 16px;
    color: #808080;
    padding-left: 15px;
    position: relative;
}
.panel-list .upperheading:before {
    content: '';
    position: absolute;
    left: 0;
    top: 7px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #808080;
}
.panel-list .belowtext p {
    font-size: 14px;
    color: #808080;
    margin-bottom: 0;
    padding-left: 15px;
    font-weight: 400;
}
.tabs .panel li.active .panel-list .upperheading {
    color: #000000;
}
.tabs .panel li.active .panel-list .upperheading:before {
    background-color: #FFB800;
}
.tabs .panel li.active .panel-list .belowtext p {
    color: #000000;
}
.panel-list .belowtext .btextin {
    font-size: 13px;
    color: #808080;
    font-weight: 400;
    margin-top: 5px;
    transition: .2s ease all;
}
.panel-list .belowtext .addr {
    font-size: 13px;
}
.panel-list .belowtext .btextin span {
    font-weight: 600;
}
.tablinks.active .panel-list .belowtext .btextin {
    color: #000;
}
.belowtext .social_icons {
    margin: 10px 0;
}
.panel-list .belowtext .social_icons ul li {
    display: inline-block;
}
.belowtext .social_icons ul li img {
    height: 25px;
}
.belowtext .link {
    margin-bottom: 15px;
}
.belowtext .link a {
    color: #FF6767;
    font-size: 14px;
    font-weight: 400;
    position: relative;
    transition: .2s ease all;
}
.belowtext .link a:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 100%;
    height: 1px;
    background-color: #FF6767;
}
.belowtext .link a:hover {
    color: #021B51;
}
.belowtext .link a:hover::after {
    background-color: #021B51;
}

.cp-fcontact {
    font-size: 17px;
}



.ba-slider {
  position: relative;
  overflow: hidden;
  margin: 0 auto; 
}
.frame {
  position: relative;
  top: 0;
  left: 0;
}
.resize {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 67%;
  overflow: hidden;
  background-color: #021B51;
    clip-path: polygon(0 0, 100% 0%, 50% 100%, 0% 100%);
/*
    margin: 0 0 0 0px;
  -webkit-transform: skew(-40deg);
  -moz-transform: skew(-40deg);
  -o-transform: skew(-40deg);
*/
}
.resize span.bg {
    position: absolute;
    width: 100%;
    background: #fff;
    z-index: 2;
    height: 100%;
    right: 0;
    clip-path: polygon(99% 0, 100% 0%, 50% 100%, 49% 100%);
}
#frame-2 {
    width: 150%;
}





.img-comp-img {
    background-color: #021B51;
    padding: 80px 0;
}
.img-comp-slider {
  position: absolute;
  z-index: 9;
  cursor: ew-resize;
  /*set the appearance of the slider:*/
  width: 40px;
  height: 40px;
  background-color: #2196F3;
  opacity: 0.7;
  border-radius: 50%;
}
.imc_image {
    width: 100%;
    margin-left: auto;
    display: none;
}
.img-comp-img.img-comp-overlay .imc_image {
    margin-left: 0;
}
.imc_image .bg_img {
    height: 400px;
}
.img-comp-img.img-comp-overlay {
    background-color: #A91D21;
}
.img-comp-img.img-comp-overlay .imc_in .row {
    flex-direction: row-reverse;
}
.imc_text {
    color: #fff;
}
.imc_text p {
    margin-top: 20px;
}

.git_box .git_icon img {
    height: 70px;
}
.git_text {
    margin-top: 20px;
}
.git_text .link {
    position: relative;
    font-size: 25px;
    margin-bottom: 10px;
}
.git_text .link a {
    display: inline-flex;
    align-items: center;
    position: relative;
    transition: .2s ease all;
}
.git_text .link a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% - 40px);
    background-color: #000;
    height: 1px;
}
.git_text .link a:hover {
    color: #021B51;
}
.git_text .link a:hover::after {
    background-color: #021B51;
}
.git_text .link a:hover span img {
    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}
@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}
.git_text .link span {
    width: 30px;
    height: 30px;
    border: 2px solid #000;
    padding: 5px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
}
.git_text .link span img {
    width: 100%;
}
.git_text p {
    font-size: 16px;
}

.single div#wc-stripe-payment-request-wrapper, .single p#wc-stripe-payment-request-button-separator {
    display: none;
}

footer {
    background-color: #a19a9a4a;
    padding: 80px 0 0 0;
    position: relative;
}
.footer_first .foot_logo img {
    width: 100%;
    max-width: 330px;
}
.footer_first .ff_text {
    margin-top: 40px;
}
.footer_first li {
    color: #fff;
    font-size: 15px;
}
.footer_sec {
    /*margin-top: 40px;*/
    color: #000;
}
.footer_sec h5 {
    margin-bottom: 20px;
}
.footer_sec li {
    margin-bottom: 5px;
}
.footer_sec li a {
    font-size: 17px;
    color: #000;
    transition: .2s ease all;
}
.footer_sec li a:hover {
    color: #A91D21;
}
.footer_bottom {
    padding: 20px 0;
    border-top: 1px solid #000;
    margin-top: 40px;
}
.footer_bottom .dby {
    text-align: center;
    color: #000;
    font-size: 15px;
}
.dby img {
    margin: 0 4px;
}
.dby a {
    transition: .2s ease all;
}
.dby a:hover {
    color: #A91D21;
}

.btt {
    position: absolute;
    bottom: 100px;
    right: 50px;
    z-index: 9;
}
.btt a {
    color: #0b5095;
    font-size: 14px;
    text-decoration: underline;
    transition: .2s ease all;
}
.btt a:hover {
    color: #A91D21;
}

/*Earth*/
.earth {
    position: relative;
/*    margin-top: 80px;*/
    text-align: center;
}
.earth1 {
    position: relative;
    text-align: center;
}
.water {
  fill: #F4F4F4;
}
.land {
  fill: #E0E0E0;
  stroke: #FFF;
  stroke-width: 0.7px;
}
.land:hover {
/*  fill:#33CC33;*/
  stroke-width: 1px;
}
.focused {
  fill: #A91D21;
}
.earth select {
  position: absolute;
  top: 20px;
  left: 580px;
  border: solid #ccc 1px;
  padding: 3px;
  box-shadow: inset 1px 1px 2px #ddd8dc;
    display: none;
}
.earth1 select {
    display: none;
}
.countryTooltip {
  position: absolute;
  display: none;
  pointer-events: none;
  background: #fff;
  padding: 5px;
  text-align: left;
  border: solid #ccc 1px;
  color: #666;
  font-size: 14px;
  font-family: sans-serif;
}
.earth_points {
    position: relative;
    height: 150px;
    margin: 70px 0 0 0;
}
.earth_points>div {
    opacity: 0;
    transition: .2s ease all;
}
.earth_points>div.active {
    opacity: 1;
}
.earth_points .point {
    position: absolute;
    padding: 12px 20px;
    border-radius: 35px;
    background-color: #021B51;
    color: #fff;
    font-size: 16px;
}
.earth_points div .point:nth-child(1){
    left: 15%;
    top: 0;
}
.earth_points div .point:nth-child(2){
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 80px;
    display: inline-block;
    width: fit-content;
}
.earth_points div .point:nth-child(3){
    right: 15%;
    top: 0;
}

.award_box {
    padding: 40px 30px;
    box-shadow: -15px 15px 25px rgba(62, 80, 247, 0.15);
    background: #FFFFFF;
    border-radius: 37px;
    text-align: center;
    margin: 0 20px;
}
.award_box .award_image {
    margin-bottom: 25px;
}
.award_box img {
    max-height: 150px;
    max-width: 100%;
}
.award_box .award_text {
    text-align: center;
}
.award_box .award_text h4 {
    font-weight: 600;
}

/*Earth*/


/*About Page CSS*/
.inside_banner {
    position: relative;
    width: 100%;
    height: 600px;
}
.ban_text_in.text-center p {
    margin-left: auto;
    margin-right: auto;
}
.story {
    position: relative;
}
.story .story_dots {
    position: absolute;
    top: -60px;
    left: -80px;
    width: 200px;
}
.story_box .story_box_in {
    position: relative;
    border-radius: 45px;
    overflow: hidden;
}
.story_box_in .story_bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 400px;
}
.story_box_in .story_overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: linear-gradient(0.47deg, #021B51 -15.81%, rgba(196, 196, 196, 0) 100.35%);
}
.story_box_in .story_content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.story_content {
    display: flex;
    align-items: flex-end;
    padding: 50px;
    color: #fff;
}
.story_content p {
    text-align: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    font-size: 15px;
}
.story_content .story_content_in p:last-child {
    margin-bottom: 0;
}
.commitment.reverse .row {
    flex-direction: row-reverse;
}
.reverse.inner-commit .comit_right {
    margin-left: 0;
}
.commitment .comit_left {
    position: relative;
    overflow: hidden;
    border-radius: 40px;
}
.commitment .comit_left .bg_img {
    min-height: 400px;
}
.commitment.page_image .comit_left .bg_img {
    background-size: contain;
}
.comit_right p {
    font-size: 15px;
}
.logos_straight .c-log {
    text-align: center;
}
.logos_straight .c-log img {
    max-height: 120px;
    transition: .2s ease all;
    
}
.logos_straight .c-log img:hover {
    transition: .2s ease all;
    
}
.certificates_straight .c-log {
    text-align: center;
}
.certificates_straight .c-log img {
    max-height: 100px;
}
/*About Page CSS*/


/*Certifications Page CSS*/
.certifications_main .cert_image {
    text-align: center;
    margin: 30px 0;
}
.certifications_main .cert_image .bg_img {
    background-size: contain;
    min-height: 120px;
}
.certifications_main .modal_btn {
    text-align: center;
}
.quickenw {
    position: relative;
}
.qe_sec .qe_head {
    width: 80%;
}
.qe_sec .qe_head h2 {
    margin-bottom: 15px;
}
.qe_form {
    padding: 50px;
    width: 90%;
    margin-left: auto;
    background: #FFFFFF;
    box-shadow: -25px 15px 50px rgba(62, 80, 247, 0.1);
    border-radius: 30px;
}
.qe_form form {
    margin-bottom: 0;
}
.qe_form form .form-group {
    margin-bottom: 20px;
}
.custom-select {
    position: relative;
    height: auto;
    padding: 0;
    border: 1px solid #D8D8D8;
    border-radius: 10px;
    width: 100%;
}
/*
.custom-select select {
    display: none;
} */
.select-selected {
    background-color: #fff;
    border-radius: 10px;
}
.select-selected:after {
    position: absolute;
    content: "";
    top: 19px;
    right: 15px;
    background-image: url(../img/Arrow%2028.png);
    background-repeat: no-repeat;
    background-size: 12px;
    width: 12px;
    height: 10px;
    transition: .2s ease all;
}
.select-selected.select-arrow-active:after {
    transform: rotate(180deg);
    top: 16px;
}

.select-items div,
.select-selected {
    color: #ffffff;
    padding: 12px 20px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    color: #0A0A0A;
    font-size: 14px;
}
.select-items {
    position: absolute;
    background-color: #fff;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
}
.select-hide {
    display: none;
}
.select-items div:hover,
.same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
}

.modal-content .custom-select select {
    /*display: block;*/
    border: 1px solid #D8D8D8;
    width: 100%;
    padding: 12px 20px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    color: #0A0A0A;
    font-size: 14px;
    border-radius: 10px;
	background: #ffffff;
}
.qe_form form input[type=text],
.qe_form form input[type=number],
.qe_form form input[type=tel],
.qe_form form input[type=email],
.qe_form form textarea {
    background: #fff;
    border: 1px solid #D8D8D8;
    font-size: 14px;
    padding: 12px 20px;
    border-radius: 10px;
    width: 100%;
}
.qe_form form input::placeholder,
.qe_form form textarea::placeholder {
    color: #0A0A0A;
    font-size: 14px;
}
.certification_modal .modal-content {
    background-color: transparent;
    border: none;
    text-align: center;
}
.certification_modal .modal-header {
    border: none;
}
.cert_modal {
    width: 80%;
    margin: 0 auto;
}
.cert_modal .modal_image img {
    max-height: 180px;
}
.cert_modal .modal_text {
    margin-top: 20px;
}
.cert_modal .modal_text p {
    color: #fff;
}
/*Certifications Page CSS*/

/*Association Page CSS*/
.certifications_main .asso_image {
    text-align: center;
    padding: 30px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.certifications_main .asso_image img {
    max-height: 90px;
    max-width: 200px;
/*    filter: grayscale(100%);*/
    transition: .2s ease all;
}
/*
.certifications_main .asso_image img:hover {
    filter: none;
}
*/
/*Association Page CSS*/


/*Packaging Page CSS*/

.pack_outer  {
    position: relative;
    overflow: hidden;
    background: #FFFFFF;
    box-shadow: 0 0 50px rgb(62 80 247 / 40%);
    border: 2px solid rgb(2 27 81);
    border-radius: 37px;
    cursor: pointer;
    width: 90%;
    margin: 30px auto;
}

.pack_outer:hover {
    position: relative;
    overflow: hidden;
    background: #FFFFFF;   
    border: 2px solid rgb(169 29 33);
}

.pack_outer .overlay_text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: rgba(2, 27, 81, 0.95);
    padding: 60px;
    opacity: 0;
    transition: .2s ease all;
    padding: 40px;
}
.pack_outer .overlay_text h3 {
    font-weight: 500;
    color: #fff;
    margin-bottom: 20px;
    text-align: center;
}

.videoTwoBlocksHome .images_sec .imgsec_in .overlay h3{
	color: #fff;
    text-align: center;
    padding-top: 270px;
}

.pack_outer .overlay_text ul li {
    text-align: left;
    position: relative;
    padding-left: 15px;
    color: #fff;
    font-size: 14px;
    margin-bottom: 8px;
}
.pack_outer .overlay_text ul li:before {
    content: '';
    position: absolute;
    top: 4px;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #fff;
}
.pack_outer .overlay_text p {
    color: #fff;
    font-size: 14px;
    text-align: center;
}
.pack_in {
    padding: 60px;
    min-height: 480px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.packin_inner {
    text-align: center;
    width: 100%;
}
.packin_inner h2 {
    margin-bottom: 30px;
    color: #021B51;
}
.pack_image img {
    max-height: 200px;
    width: auto;
    max-width: 100%;
    height: auto;
}
.pack_outer:hover .overlay_text {
    opacity: 1;
    z-index: 2;
    transition: .2s ease all;
}

.faq_main {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
.panel-group {
    margin-bottom: 0px;
}
.panel-group .panel {
    margin-bottom: 0;
    padding: 10px 20px;
    border-bottom: 1px solid #DFDFDF;
}
.panel-group .panel:hover {
    background: #F8FAFF;
}
.panel-default>.panel-heading {
    color: #B5B5B5;
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
    position: relative;
}
.panel-heading.collapsed .panel-title {
    color: #B5B5B5;
}
.panel-title {
    color: #000;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    position: relative;
    padding-right: 20px;
}
.panel-group .panel-heading+.panel-collapse>.panel-body, .panel-group .panel-heading+.panel-collapse>.list-group {
    padding: 10px 0;
}
/*
.panel-default .panel-title::before {
    font-family: fontawesome;
    content: "\f067 ";
    color: #B5B5B5;
    float: right;
    margin-right: 0px;
    font-weight: 400;
    position: absolute;
    right: 0;
    font-size: 14px;
	background: url('https://rollspack.com.au/wp-content/uploads/2021/07/roll-plus.png');
	width: 30px;
	height: 30px;
}*/

/*Packaging Page CSS*/



/*Product Page CSS*/

.top_margin {
    margin-top: 85px;
}
.product_heading {
    text-align: center;
}
.product_heading h2 {
    font-weight: 600;margin-bottom: 20px;
}
.single .woocommerce div.product div.summary {
    padding-top: 30px;
}
.product_heading p {
    margin-top: 20px;
}
.product_page .product_details {
    margin-top: 50px;
}
.demo{
    width: 100%;
}
.lightSlider.lsGrab > * {
    text-align: center;
}
.lSSlideOuter .lightSlider li {
    text-align: center;
}
.lSSlideOuter .lightSlider li img {
   /* max-height: 350px; */
    max-width: 100%;
}
.lSSlideOuter .lSPager.lSGallery {
    width: 100%!important;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
    margin-top: 0px !important;
}
select#pa_weight {
    padding: 10px;
    margin: 0px;
    border-radius: 10px;
}
.lSSlideOuter .lSPager.lSGallery li {
    width: 90px!important;
    height: 90px!important;
    border: 1px solid #7A7A7D;
    border-radius: 18px;
    padding: 15px;
    margin: 0 10px!important;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.product_data {
    margin-left: auto;
}
.product_data li {
    padding-left: 15px;
    position: relative;
    font-size: 16px;
    margin-bottom: 4px;
}
.product_data li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #021B51;
}
.pd_buttons .custom_button  {
    margin-top: 20px;
    display: block;
}
.rel_prod .related_in {
    width: 100%;
}
.related_in .related_box {
    border-radius: 22px;
    padding: 40px 30px 30px 30px;
    transition: .3s ease all;
}

.ftr-num-sects img {
    max-width: 20px;
    margin-right: 5px;
}

.related_in:hover .related_box {
    background: #FFFFFF;
    box-shadow: -25px 15px 50px rgba(62, 80, 247, 0.1);
}
.related_box .related_image {
    text-align: center;
}
.related_box .related_image img {
    height: 120px;
}
.related_box .related_text {
    text-align: center;
    margin-top: 20px;
}
.related_box .related_text .related_heading {
    color: #000;
    font-size: 16px;
}
.related_box .related_text .related_price {
    font-size: 20px;
    font-weight: bold;
    margin-top: 10px;
    color: #000;
}
.inner-commit .comit_right {
    width: 95%;
    margin-left: auto;
}
.inner-commit .comit_right h2 {
    margin-bottom: 15px;
    font-weight: 500;
}
.rel_prod ul.products {
    width: 100%;
}
.woocommerce ul.products .pdlist_in li.product a img {
    width: auto;
    margin-left: auto;
    margin-right: auto;
}
.woocommerce ul.products .pdlist_in li.product .price {
    font-size: 20px;
    font-weight: bold;
    margin-top: 10px;
    color: #000;
}
.woocommerce ul.products .pdlist_in li .woocommerce-loop-product__title {
    font-weight: 500;
    color: #000;
    font-size: 22px !important;
}
.woocommerce .woocommerce-ordering {
    display: none!important;
}
.para > .woocommerce.columns-3 {
    margin-top: 50px;
}
p.woocommerce-result-count {
    width: 100%;
    text-align: right;
    padding-bottom: 15px;
    border-bottom: 1px solid #D2D2D2;
    float: none!important;
    margin: 0;
    margin-top: 30px!important;
}
/*
.shop_products_sec > .row {
    flex-direction: row-reverse;
}

Product Page CSS*/

/*Promotional Product Page CSS*/
.pp_in {
    background: #FFFFFF;
    box-shadow: -15px 15px 25px rgba(62, 80, 247, 0.15);
    border-radius: 37px;
    overflow: hidden;
    margin: 20px 0;
}
.pp_in .pp_box {
    position: relative;
    height: 300px;
    overflow: hidden;
}
.pp_in .pp_box .pp_text {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
    color: #CBDAFF;
    font-size: 26px;
    font-family: 'Monument Extended';
    text-align: center;
}
.pp_in .pp_box .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 30px;
    background-color: #4758F8;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .2s ease all;
    opacity: 0;
}
.pp_box .overlay .overlay_image img {
    max-height: 180px;
}
.pp_in:hover .pp_box .overlay {
    opacity: 1;
    transition: .2s ease all;
}
.banner_with_buttons {
    padding-top: 140px;
}
/*Promotional Product Page CSS*/


/*News Page CSS*/

.blog_sec .col-lg-4 {
    margin: 20px 0;
}
.blog_in .blog_box {
    border-radius: 32px;
    padding: 40px 30px 30px 30px;
    height: 100%;
    transition: .3s ease all;
}
.blog_in:hover .blog_box {
    background: #FFFFFF;
    box-shadow: -25px 15px 50px rgba(62, 80, 247, 0.1);
}
.blog_box .blog_img .bg_img {
    height: 230px;
    border-radius: 30px;
}
.blog_box .blog_content {
    margin-top: 20px;
}
.blog_content .head {
    font-size: 20px;
    font-weight: 600;
}
.blog_content .date {
    color: #ADADAD;
    font-size: 12px;
    margin: 8px 0 10px 0;
}
.blog_content .para {
    color: #000;
    font-size: 14px;
}
.blog_content .link {
    margin-top: 10px;
}
.blog_content .link a {
    transition: .2s ease all;
    color: #021B51;
    font-size: 14px;
}
.blog_content .link a:hover {
    color: #A91D21;
}
.blog_details .blog_heading {
    
}
.blog_heading p {
    font-size: 18px;
    margin-top: 20px;
}
.blog_credentials {
    margin: 30px 0;
    position: relative;
}
.blog_credentials .writer {
    display: flex;
    align-items: center;
}
.blog_credentials .writer .writer_image {
    position: relative;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 15px;
}
.writer .writer_image .bg_img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.writer .writer_text p {
    margin: 0;
}
.blog_credentials .social_share {
    position: absolute;
    right: 0;
    top: 10px;
}
.social_share ul li {
    display: inline-block;
    margin: 0 4px;
}
.social_share ul li  img {
    height: 30px;
}
.blog_main_image {
    height: 500px;
    border-radius: 30px;
}
.blog_inner_content {
    margin-top: 30px;
}
/*News Page CSS*/


/*Shop Page CSS
.shop_main {
    background-image: url(../img/rect_bg.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0% 0%;
} */
.shop_page .heading p {
    margin-top: 20px;
}
.shop_results {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-bottom: 15px;
    border-bottom: 1px solid #D2D2D2;
}
.view_tabs .tabs {
    display: flex;
    align-items: center;
    justify-content: center;
}
.view_tabs .tabs li {
    margin-left: 20px;
    cursor: pointer;
}
.view_tabs .tabs li svg rect {
    transition: .2s ease all;
}
.view_tabs .tabs li.active svg rect {
    fill: #021B51;
}
.view_tabs .tabs li:hover svg rect {
    fill: #021B51;
}
.shop_products_sec {
    margin-top: 150px;margin-bottom: 60px;
}
h1.woocommerce-products-header__title.page-title {
    font-size: 3.5rem;
}
.headingDivShop.shop_main {
	background-image: none;
}
.shop_products_sec .row {
    padding: 0 20px;
}
.headingDivShop .shop_products_sec {
    margin-top: 0px;
    margin-bottom: 0;
}
.shop_products_sec .row > .col-lg-3 {
    box-shadow: 0 0 10px 1px #a91d21;
    padding: 20px;
    background: #fdfdfd;
	border-radius: 10px;
}
.shop_left_menu #MainMenu ul.noJS li a {
    color: #021B51;
    font-size: 18px;
	line-height: 30px;
    font-weight: 400;
}
.shop_left_menu #MainMenu > li > a {
    color: #A91D21;
    position: relative;
    border-bottom: 2px solid #A91D21;
    padding-bottom: 2px;
    line-height: 46px;
}
.shop_product_in .tabcontent {
    display: none;
}
.product_list {
    
}
/*.product_list .pdlist_box {
    margin-bottom: 40px;
}*/
.pdlist_box .pdlist_in {
    text-align: center;
    padding: 0;
}
.pdlist_in .pdlist_image {
    margin-bottom: 0px;
}
.pdlist_in .pdlist_image img {
    max-height: 180px;
}
.pdlist_in .pdlist_text p.titlebold {
    font-weight: 600;
}
.pdlist_in .pdlist_price {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.pdlist_price .price {
    font-weight: 600;
    font-size: 20px;
}
.pdlist_box:hover .cartt {
    opacity: 1;
}
.cartt a {
    margin-left: 10px;
}
.cartt a svg {
    width: auto;
    height: 20px;
}
.cartt a svg path {
    transition: .2s ease all;
}
.cartt a svg path {
    fill: #021B51;
}
.pdlist_button {
    margin-top: 15px;
}
.pdlist_button .custom_button {
    width: 100%;
    opacity: 1;
    padding: 10px 20px;
    font-size: 12px;
}
.pdlist_box:hover .pdlist_button .custom_button {
    opacity: 1;
}
.product_list .productlist_in {
    padding: 20px 0;
}
.productlist_in .prlist_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #D2D2D2
}
.prlist_box>div {
    border-left: 1px solid #D2D2D2;
    padding-left: 10px;
    padding-right: 10px;
}
.prlist_box>div:first-child {
    padding-left: 0;
    border-left: none;
}
.prlist_box>div:last-child {
    padding-right: 0;
}
.prlist_box .sec_first img {
    height: 100px;
}
.sec_sec p {
    margin-bottom: 0;
}
.sec_third {
    display: inline-flex;
    align-items: center;
}
.sec_third .price {
    font-weight: 600;
    font-size: 20px;
}
.sec_third .cartts {
    display: inline-flex;
}
.sec_third a {
    margin-left: 10px;
}
.sec_third a img {
    height: 20px;
}
.sec_fourth .custom_button {
    padding: 10px 20px;
    font-size: 12px;
    min-width: 130px;
}
#MainMenu > li {
    margin: 10px 0;
    text-align: left;
}
#MainMenu > li > a {
    color: #959699;
    font-weight: 600;
    font-size: 22px;
    transition: .2s ease all;
}
#MainMenu > li > a:hover {
    color: #000000;
}
#MainMenu > li.active > a {
    color: #000000;
}
ul.noJS {
    padding-left: 20px;
    margin: 10px 0;
}
ul.noJS li a {
    color: #959699;
    font-weight: 600;
    font-size: 18px;
    transition: .2s ease all;
}
ul.noJS li a:hover, ul.noJS li.active a {
    color: #021B51;
}
.pagination {
    text-align: center;
    display: block;
}
.pagination img {
    max-width: 400px;
}
.quantity_image img {
    width: 100%;
}
.quantity_image table tr th, .quantity_image table tr td {
    border-top: none;
    border-left: 1px solid #A91D21;
    border-bottom: 1px solid #A91D21;    
}
.quantity_image table tr td:nth-child(2), .quantity_image table tr th:nth-child(2){
    text-align: center;
    border-left: 1px solid #A91D21;border-right: 1px solid #A91D21;
}
.product_data .pd_price_box {
    position: relative;
}
.pd_price_box .price {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 15px;
}
.pd_price_box .product_code {
    position: absolute;
    right: 0;
    top: 2px;
    font-size: 14px;
}
.pd_price_box .product_code span {
    font-weight: 600;
}
.product_data .dimentions {
    margin: 20px 0;
}
.product_data .dimentions .cus_heading {
    font-weight: 600;
    font-size: 16px;
    display: inline-block;
}
.lh_select select {
    border: none;
    font-size: 15px;
    background-color: transparent;
}
.product_data .dimentions .custom_counter {
    margin-top: 15px;
}
.product_data .dimentions .incdecbtn {
    display: inline-flex;
    align-items: center;
    margin-left: 20px;
}
.incdecbtn .button {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #000;
    cursor: pointer;
    background-color: #fff;
    transition: .2s ease all;
    font-weight: 600;
}
.incdecbtn .button:hover {
    border-color: #021B51;
    background-color: #021B51;
    color: #fff;
}
.incdecbtn .button:focus {
    outline: none;
}
.incdecbtn input {
    width: 30px;
    margin: 0 5px;
    text-align: center;
    border: none;
    background-color: transparent;
}
.inquiry_modal .qe_form {
    width: 100%;
    box-shadow: none;
    padding: 40px;
}
.inquiry_modal .qe_form .custom_button.red {
    width: 100%;
}
/*Shop Page CSS*/

body .w-90 {
	width: 100%;
}
.single .woo-variation-gallery-wrapper .wvg-gallery-thumbnail-image img {
    border-radius: 10px;
}
/*Thankyou Page CSS*/
.diagonal {
    position: relative;
}
.diagonal:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background-color: #021B51;
    height: 100%;
    width: 100%;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%);
}
.center_element {
    position: relative;
    z-index: 2;
    margin: 50px auto;
}
.center_element .ce_box {
    background: #FFFFFF;
    box-shadow: -25px 15px 50px rgba(62, 80, 247, 0.1);
    border-radius: 30px;
    padding: 60px 50px;
}
.ce_box .cebox_in {
    text-align: center;
}
/*Thankyou Page CSS*/
ul#image-gallery {
    height: auto !important;
}
.home .banner_text{
	display: none !important;
}
/*Signin/ Up Page CSS*/
.cebox_form .google_button a {
    padding: 12px 20px;
    text-align: center;
    border: 1px solid #D8D8D8;
    border-radius: 12px;
    width: 100%;
    display: block;
    color: #0A0A0A;
    transition: .2s ease all;
}
.cebox_form .google_button a img {
    margin-right: 10px;
}
.cebox_form .google_button a:hover {
    color: #021B51;
    border-color: #021B51;
}
.cebox_form .or {
    position: relative;
    display: block;width: 100%;
    text-align: center;
    text-transform: uppercase;
    margin: 20px 0;
    color: #0A0A0A;
}
.cebox_form .or:before {
    content: '';
    position: absolute;
    width: 42%;
    left: 0;
    top: 10px;
    height: 1px;
    background-color: #B3B3B3;
}
.cebox_form .or:after {
    content: '';
    position: absolute;
    width: 42%;
    right: 0;
    top: 10px;
    height: 1px;
    background-color: #B3B3B3;
}
.cebox_in form .form-group {
    margin-bottom: 20px;
}
.cebox_in form input[type=text], 
.cebox_in form input[type=number], 
.cebox_in form input[type=tel], 
.cebox_in form input[type=password], 
.cebox_in form input[type=email], 
.cebox_in form textarea {
    background: #fff;
    border: 1px solid #D8D8D8;
    font-size: 14px;
    padding: 12px 20px;
    border-radius: 10px;
    width: 100%;
}
.cebox_in form input[type=submit]{
    width: 100%;
}
.cebox_form .forgot {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cebox_form .forgot p {
    margin-bottom: 0;
    font-size: 12px;
}
.cebox_form .forgot p a {
    color: #021B51;
    transition: .2s ease all;
}
.cebox_form .forgot p a:hover {
    color: #A91D21;
}

/*Signin/ Up Page CSS*/

.heading.center.small_width {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}
.heading.center p {
    margin-top: 15px;
    margin-bottom: 0;
}

/*Location Page CSS*/
.active_locations .accordion .card {
    border: none;
}
.active_locations .accordion>.card .card-header {
    background: transparent;
    padding: 10px 0;
}
.active_locations .accordion>.card .card-header button {
    color: #021B51;
    font-weight: 700;
    font-size: 22px;
}
.active_locations .accordion>.card .card-header button.collapsed {
    color: #adadad;
}
.active_locations .accordion>.card .card-header button:focus {
    background: transparent; 
}
.card-body .panel-list .upperheading {
    color: #000;
    font-weight: 600;
    margin-bottom: 5px;
}
.card-body .panel-list .belowtext p {
    color: #000;
    margin-bottom: 2px;
}
.card-body .panel-list .upperheading:before {
        background-color: #a91d21;
}
.card-body .panel-list .belowtext .link {
    margin-bottom: 0;
    padding-left: 15px;
    margin-top: 12px;
}
.card-body .panel-list .belowtext .link a {
    color: #000;
    font-weight: 600;
}
.card-body .panel-list .belowtext .link a:hover {
    color: #FFB800;
}
.card-body .panel-list .belowtext .link a:after {
    height: 3px;
    background-color: #FFB800;
}


/*CSS Update 28-07-2020*/

.para .woocommerce .woocommerce-MyAccount-navigation {
    margin-top: 55px;
}
.para .woocommerce header {
    position: relative;
}
.para .woocommerce header h3 {
    font-size: 18px;
}
.para .woocommerce header a {
    color: #021B51;
    font-weight: 600;
    font-size: 14px;
}
.woocommerce-MyAccount-content form h3 {
    font-size: 18px;
    font-family: 'Helvetica';
    font-weight: 600;
}
.woocommerce-MyAccount-content form .woocommerce-address-fields {
    margin-top: 20px;
}
.woocommerce-MyAccount-content form p {
    margin-bottom: 20px;
}
.woocommerce-MyAccount-content form p label {
    display: block;
    font-size: 14px;
    margin-bottom: 10px;
    width: 100%;
    line-height: inherit;
}
.woocommerce-MyAccount-content form .woocommerce-address-fields p .woocommerce-input-wrapper {
    display: block;
    width: 100%;
}
.woocommerce-MyAccount-content form p input[type=text],
.woocommerce-MyAccount-content form p input[type=email],
.woocommerce-MyAccount-content form p input[type=password],
.woocommerce-MyAccount-content form p input[type=number],
.woocommerce-MyAccount-content form p input[type=tel],
.woocommerce-MyAccount-content form p textarea,
.woocommerce-MyAccount-content form p select {
    background: #fff;
    border: 1px solid #D8D8D8;
    font-size: 14px;
    padding: 12px 20px;
    border-radius: 10px;
    width: 100%;
}
.woocommerce-address-fields p .woocommerce-input-wrapper .select2-selection {
    background: #fff;
    border: 1px solid #D8D8D8;
    font-size: 14px;
    padding: 8px 12px;
    border-radius: 10px;
    width: 100%;
    height: auto;
    min-height: 40px;
}
.woocommerce-address-fields .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
    right: 10px;
}
.woocommerce-MyAccount-content form p em {
    font-size: 12px;
    margin-top: 5px;
}
.woocommerce-MyAccount-content form legend {
    font-size: 20px;
    padding-top: 15px;
}
.woocommerce-address-fields p button.button {
    display: inline-block;
    border-radius: 30px;
    font-weight: 400;
    font-size: 14px;
    padding: 10px 20px;
    min-width: 160px;
    text-align: center;
    transition: .2s ease all;
    margin-top: 20px;
    background-color: #A91D21;
    border: 1px solid #A91D21;
    color: #FFF;
}
.woocommerce-address-fields p button.button:hover {
    background-color: #021B51;
    border: 1px solid #021B51;
    color: #fff;
}




.woocommerce-MyAccount-navigation li {
    margin-bottom: 10px;
}
.woocommerce-MyAccount-navigation li a {
    font-weight: 600;
    color: #959699;
    transition: .2s ease all;
}
.woocommerce-MyAccount-navigation li a:hover {
    color: #000000;
}
.woocommerce-MyAccount-navigation li.is-active a {
    color: #021B51;
}
.woocommerce-MyAccount-content .u-columns > div {
    width: 100%;
    max-width: 100%;
    float: none;
}



#search.modal {
    top: 70px;
}
#search.modal .modal-dialog {
    background: #FFFFFF;
    box-shadow: -25px 15px 50px rgba(62, 80, 247, 0.1);
    border-radius: 30px;
    padding: 40px 30px;
}
#search.modal .modal-content {
    position: relative;
}
#search.modal .modal-header {
    position: absolute;
    padding: 0;
    right: 0;
    top: 0;
    z-index: 2;
}
#search.modal .modal_text form input[type=text]{
    background: #fff;
    border: 1px solid #D8D8D8;
    font-size: 14px;
    padding: 12px 20px;
    border-radius: 10px;
    width: 100%;
}
#search.modal .modal_text form input[type=submit] {
    display: inline-block;
    border-radius: 30px;
    font-weight: 400;
    font-size: 14px;
    padding: 10px 20px;
    min-width: 160px;
    text-align: center;
    transition: .2s ease all;
    margin-top: 20px;
    background-color: #A91D21;
    border: 1px solid #A91D21;
    color: #FFF;
}
#search.modal .modal_text form input[type=submit]:hover {
    background-color: #021B51;
    border: 1px solid #021B51;
}
.pagination ul.page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
}
.pagination ul.page-numbers li {
    margin: 0 20px;
}
.pagination ul.page-numbers li .page-numbers {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    border: 1px solid;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: .2s ease all;
}
.pagination ul.page-numbers li .page-numbers:hover {
    background-color: #A91D21;
    color: #fff;
}
.pagination ul.page-numbers li .page-numbers.current {
    background-color: #A91D21;
    color: #fff;
}
.primary-navigation ul li.wpmenucartli a {
    position: relative;
}
.primary-navigation ul li.wpmenucartli a i {
    color: #fff;
}
.primary-navigation ul li.wpmenucartli a span.cartcontents {
    position: absolute;
    width: 50px;
    height: 20px;
    background-color: #fff;
    font-size: 12px;
    border-radius: 40%;
    top: -22px;
    display: inline-flex!important;
    align-items: center;
    justify-content: center;
}

.woocommerce .woocommerce-message {
    margin-top: 20px;
}
.woocommerce .woocommerce-info, .woocommerce .woocommerce-message {
    border-top-color: #A91D21;
    background-color: transparent;
}
.woocommerce .woocommerce-info a, .woocommerce .woocommerce-message a {
    transition: .2s ease all;
    font-weight: 600;
}
.woocommerce .woocommerce-info a:hover {
    color: #A91D21;
}
.woocommerce .woocommerce-info:before, .woocommerce .woocommerce-message:before {
    color: #A91D21;
}
.woocommerce .woocommerce-message a.button {
    border-radius: 30px;
    font-weight: 400;
    font-size: 14px;
    padding: 10px 20px;
    min-width: 160px;
    text-align: center;
    transition: .2s ease all;
    background-color: #A91D21!important;
    border: 1px solid #A91D21;
    color: #FFF!important;
}
.woocommerce .woocommerce-message a.button:hover {
    background-color: #021B51!important;
    color: #fff!important;
    border-color: #021B51;
}
.checkout_coupon .form-row input[type=text]{
    background: #fff;
    border: 1px solid #D8D8D8;
    font-size: 14px;
    padding: 12px 20px;
    border-radius: 10px;
    width: 100%;
}
.main .woocommerce button.button {
    border-radius: 30px;
    font-weight: 400;
    font-size: 14px;
    padding: 10px 20px;
    min-width: 160px;
    text-align: center;
    transition: .2s ease all;
    background-color: #A91D21!important;
    border: 1px solid #A91D21;
    color: #FFF!important;
}
.main .woocommerce button.button:hover {
    background-color: #021B51!important;
    color: #fff!important;
    border-color: #021B51;
}
.main .woocommerce button.button:focus {
    outline: none;
}
form.checkout.woocommerce-checkout .col-1, form.checkout.woocommerce-checkout .col-2 {
    max-width: inherit;
}
.woocommerce p.form-row {
    margin-bottom: 20px;
}
.woocommerce p label {
    display: block;
    font-size: 14px;
    margin-bottom: 10px;
    width: 100%;
    line-height: inherit;
}
.woocommerce p .woocommerce-input-wrapper {
    display: block;
    width: 100%;
}
.woocommerce p.form-row input[type=text],
.woocommerce p.form-row input[type=email],
.woocommerce p.form-row input[type=password],
.woocommerce p.form-row input[type=number],
.woocommerce p.form-row input[type=tel],
.woocommerce p.form-row textarea,
.woocommerce p.form-row select {
    background: #fff;
    border: 1px solid #D8D8D8;
    font-size: 14px;
    padding: 12px 20px;
    border-radius: 10px;
    width: 100%;
}
.woocommerce p.form-row .select2-selection {
    background: #fff;
    border: 1px solid #D8D8D8;
    font-size: 14px;
    padding: 8px 12px;
    border-radius: 10px;
    width: 100%;
    height: auto;
    min-height: 40px;
}
.woocommerce p.form-row .select2-selection .select2-selection__arrow {
    height: 40px;
    right: 10px;
}
#customer_details h3 , h3#order_review_heading, .cart_totals h2 {
    font-size: 18px;
    font-family: 'Helvetica';
    font-weight: 600;
    margin-bottom: 20px;
}
 .woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    border-radius: 30px;
    font-weight: 400;
    font-size: 14px!important;
    padding: 10px 20px!important;
    min-width: 160px;
    text-align: center;
    transition: .2s ease all;
    background-color: #A91D21!important;
    border: 1px solid #A91D21;
    color: #FFF!important;
}
 .woocommerce-cart .wc-proceed-to-checkout a.checkout-buttonn:hover {
    background-color: #021B51!important;
    color: #fff!important;
    border-color: #021B51;
}

#customer_login .col-1, #customer_login .col-2 {
    max-width: 48%;
} 
#customer_login h2 {
    font-size: 22px;
    font-family: 'Helvetica';
    font-weight: 600;
}
.woocommerce form .password-input, .woocommerce-page form .password-input {
    width: 100%;
}

/*.pdlist_box .pdlist_in */

/*CSS Update*/

.search_results article .heading {
    margin-bottom: 20px;
}
.search_results article .post-thumbnail > img {
    max-width: 100%;
    height: auto;
    width: 100%;
}
.search_results .w-90 > article article {
    margin-top: 40px;
}
.big_logos h2, .small_logos h2 {
    text-align: center;
    margin: 20px 0;
}
/*History*/
.timeline {
    position: relative;
}
.timeline .row {
    flex-direction: row-reverse;
}
.page-section {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    padding: 30px 50px;
    background: #929CFF;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    flex-direction: column;
    transition: .3s ease all;
    border-radius: 30px;
    margin-bottom: -20px;
    min-height: 350px;
    text-align: center;
}
.page-section.active {
    background: #021B51;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .8);
    width: 100%;
    position: relative;
    z-index: 1;
}
.page-section h4 {
    margin-bottom: 20px;
}
.navigation {
    position: absolute;
    width: 100%;
    color: #fff;
    text-align: right;
    padding: 0 15px;
}
.navigation.fixed {
    position: sticky;
    top: 120px;
}
.navigation__link {
    display: block;
    position: relative;
    padding: 10px 0;
    color: #C4C4C4;
    font-weight: 600;
}
.navigation__link div {
    display: block;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background-color: #C4C4C4;
    /* margin: 8px 0 8px auto; */
    margin-left: auto;
    cursor: pointer;
}
.navigation__link div:before {
    content: '';
    position: absolute;
    top: 0;
    height: 50%;
    width: 1px;
    right: 3px;
    background-color: #C4C4C4;
}
.navigation__link div:after {
    content: '';
    position: absolute;
    bottom: 0;
    height: 50%;
    width: 1px;
    right: 3px;
    background-color: #C4C4C4;
}
.navigation__link.active div {
    background-color: #021B51;
}
.navigation__link span {
    position: absolute;
    top: 5px;
    right: 20px;
    opacity: 1;
    transition: .2s ease all;
}
.navigation__link:hover {
    color: #021B51;
}
.navigation__link.active span {
    color: #021B51;
}
@media(max-width:767px){
	.videoTwoBlocksHome .images_sec .imgsec_in .overlay h3{
		padding-top: 45%;
	}
	.videoTwoBlocksHome .images_sec .imgsec_in{
		margin-bottom: 10px;
	}
    .pagesections {
        padding-right: 20px;
    }
    .page-section {
        padding: 20px 20px;
        width: 100%;
    }
    .page-section h4 {
        font-size: 18px;
    }
    .page-section p {
        font-size: 14px;
    }
}
.single.woocommerce div.product .product_title, .single .custom_counter, #wc-stripe-payment-request-wrapper, #wc-stripe-payment-request-button-separator, .single.woocommerce div#sidebar {
    display: none !important;
}
.single.woocommerce .top_margin {
    margin-top: 80px;
}
.single.woocommerce .woo-variation-gallery-thumbnail-slider {
    padding: 10px 0;
}
.single.woocommerce span.posted_in {
    display: block;
}
.single.woocommerce span.sku_wrapper,.single.woocommerce span.posted_in {
	font-weight: bold;
} 
.single.woocommerce span.sku_wrapper .sku,.single.woocommerce span.posted_in a{
	font-weight: normal;
	color: #021B51;
} 
.woocommerce div.product form.cart .reset_variations {
    margin-left: 10px;
}
.single.woocommerce span.posted_in a:hover{
	color: #A91D21;
} 
.woocommerce div.product form.cart .button {
    vertical-align: middle;
    float: left;
    display: inline-block;
    border-radius: 30px;
    font-weight: 400;
    font-size: 16px;
    padding: 12px 50px;
    margin-left: 10px;
    background-color: #A91D21;
    min-width: 160px;
    text-align: center;
    transition: .2s ease all;
}
.woocommerce .quantity .qty {
    text-align: center;
    border: 2px solid #A91D21;
    padding: 2px;
    font-size: 20px;
}
.single .woo-variation-gallery-wrapper .wvg-gallery-thumbnail-image {
    opacity: 1;
}	
/*Gallery Page*/
#lightgallery li {
    text-align: center;
}
#lightgallery li img {
    max-width: 100%;
    max-height: 160px;
}
.filterDiv {
    display: none;
}
.filterDiv.show {
    display: block;
}
.gal_categories {
    margin-bottom: 30px;
}
.gal_categories ul {
    text-align: center;
}
.gal_categories ul li {
    padding: 0;
    margin: 0 10px;
    font-weight: 600;
    position: relative;
    transition: .2s ease all;
    cursor: pointer;
}
.gal_categories ul li.active, .gal_categories ul li:hover {
    color: #A91D21;
}
.gal_categories ul li.active:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0px;
    left: 0;
    background-color: #A91D21;
}
/*Gallery Page*/
.single-product.woocommerce .pd_price_box {
    display: none;
}
.woocommerce.single-product div.product p.price, .woocommerce.single-product div.product span.price {
    color: #A91D21;
    font-size: 24px;
}
.single-product.woocommerce div.product form.cart table.table td {
    text-align: center;
}
.single-product.woocommerce .woo-variation-gallery-thumbnail-slider.woo-variation-gallery-thumbnail-columns-4 {
    text-align: center;
}
.single-product .woo-variation-gallery-wrapper .woo-variation-gallery-slider img {
    border-radius: 10px;
}
.shop_main h2.woocommerce-loop-category__title {
    text-align: center;
    color: #021B51;
	font-size: 20px !important;
}
.woocommerce.archive ul.products li.product a img {
    background: #FFFFFF;
    box-shadow: 0 0 50px rgb(62 80 247 / 40%);
    border: 2px solid rgb(2 27 81);
    border-radius: 17px;
    cursor: pointer;
}
.woocommerce div.product form.cart .quantity_image table.table th{
    background: #021B51;
    color: #ffffff;
	text-align:center;
}
.shop_main h2.woocommerce-loop-category__title mark{
    color: #A91D21;
	background: none;
}
.home_banner .hero-video{
	width: 100%;
}

/*Media Queries*/

@media(min-width:1600px){
    .banner .home_banner_in.bg_img {
       height: 850px;
    }
    .handle {
        -webkit-transform: skew(-57deg);
        -moz-transform: skew(-40deg);
        -o-transform: skew(-40deg);
    }
    .top_margin {
        margin-top: 80px;
    }
    .award_box img {
        max-height: 150px;
    }
    .blog_box .blog_img .bg_img {
        height: 300px;
    }	
}
@media(max-width:1500px){
    .ban_text_in p {
        font-size: 15px;
    }
    .wwd_box .wwd_text .wwd_para p {
        font-size: 15px;
    }
    .wrpis_in .wrp_img img {
        height: 70px;
    }
    .images_sec .imgsec_in {
        height: 520px;
    }
    .big_logos .bl_in img {
        max-height: 90px;
    }
/*
    .small_logos .bl_in img {
        max-width: 70px;
        max-height: 50px;
    }
*/
    .logos_sec .small_logos .bl_in {
        margin: 20px 0;
    }
    .oc_in .oc_img img {
        height: 80px;
    }
    .gal_box .overlay .overlay_text {
        font-size: 25px;
    }
    .tbox_in .t_top img {
        max-width: 130px;
        max-height: 50px;
    }
    .git_sec .git_box {
        width: 90%;
    }
    .git_text .link {
        font-size: 22px;
    }
    .git_text .link span {
        width: 28px;
        height: 28px;
    }
    .git_box .git_icon img {
        height: 60px;
    }
    footer {
        padding: 60px 0 0 0;
    }
    .header_icons ul li img {
        height: 16px;
    }
    .logos_straight .c-log img {
        max-height: 100px;
    }
    .certificates_straight .c-log img {
        max-height: 80px;
    }
    .pack_outer {
        width: 95%;
    }
    .product_data li {
        font-size: 15px;
    }
    .blog_main_image {
        height: 450px;
    }
    .pdlist_in .pdlist_image img {
        max-height: 150px;
    }
    #MainMenu > li > a {
        font-size: 20px;
    }
    ul.noJS li a {
        font-size: 16px;
    }
    .prlist_box .sec_first img {
        height: 80px;
    }
    .nav-item .nav-link {
    	font-size:14px;
    }
    .pack_image img {
        max-height: 150px;
    }
    .wwd .packin_inner h2 {
        font-size: 22px;
    }
    .wwd .pack_outer .pack_in {
        min-height: 360px;
    }
}
@media(max-width:1400px){
    .small_logos .bl_in img {
        max-width: 150px;
        max-height: 55px;
    }
}
@media(max-width:1300px){
    .pad {
        padding: 60px 0;
    }
    .wwd_box .wwd_image img {
        height: 130px;
    }
    .galbox_in .galin {
        height: 120px;
        border-radius: 18px;
    }
    .t_box {
        padding: 30px;
    }
    .why_sec {
        padding-top: 130px!important;
    }
    .wrpis_in .wrp_img img {
        height: 60px;
    }
    .git_box .git_icon img {
        height: 50px;
    }
    .footer_first li {
        font-size: 14px;
        margin-bottom: 4px;
    }
    .handle {
        -webkit-transform: skew(-37deg);
        -moz-transform: skew(-37deg);
        -o-transform: skew(-37deg);
    }
    .primary-navigation ul li {
    	margin: 0 8px;
    }
    .navbar-brand img {
    	max-width:220px;
    }
    .nav-item .nav-link {
    	font-size:14px;
        padding: 0 5px!important;
    }

    h2 {
        font-size: 33px;
    }
}
@media(max-width:1200px){
    .home_banner .hero-video {		
		display: none;
	}
	.nav-item .nav-link {
        font-size: 12px;
    }
	.hb_button {
    	height: 100%;
	}
    header .nav-item {
        margin: 0 8px;
    }
	.banner .home_banner_in.bg_img {
      	height: 650px; 
    }
    .home .banner .home_banner_in.bg_img {
      	height: auto; 
    }
    .wwd_box .wwd_image img {
        height: 110px;
    }
    .wwd_in .wwd_box {
        padding: 30px 20px 30px 20px;
    }
    .why_sec {
        margin-top: 0px!important;
    }
    .w-80 {
        width: 100%;
    }
    .w-90 {
        width: 100%;
    }
    .inside_banner {
        height: 500px;
    }
    .story .story_dots {
        left: 30px;
        width: 160px;
    }
    #usa .mapimage_box {
        top: 14%;
        left: 2%;
    }
    #china .mapimage_box {
        right: 20%;
        top: 20%;
    }
    .pack_image img {
        max-height: 100px;
    }
    .packin_inner h2 {
        font-size: 24px;
    }
    .pack_outer .overlay_text h3 {
        font-size: 20px;
    }
    .lSSlideOuter .lSPager.lSGallery li {
        width: 80px!important;
        height: 80px!important;
    }
    .pp_in .pp_box .pp_text {
        font-size: 22px;
    }
    .pp_in .pp_box {
        height: 260px;
    }
    .pp_box .overlay .overlay_image img {
        max-height: 150px;
    }
    .blog_main_image {
        height: 410px;
    }
    .pdlist_in .pdlist_text p {
        font-size: 14px;
    }
    .pdlist_price .price {
        font-size: 18px;
    }
    #MainMenu > li > a {
        font-size: 18px;
    }
    .sec_third .price {
        font-size: 18px;
    }
    .top_margin {
        margin-top: 63px;
    }
    .primary-navigation ul li {
        margin: 0 5px;
    }
    .primary-navigation ul li ul li a {
        font-size: 12px;
    }
    .navbar-brand img {
        max-width: 220px;
    }
    .wwd .packin_inner h2 {
        font-size: 20px;
    }
    .wwd .pack_outer .pack_in {
        min-height: 300px;
    }
    .wwd .pack_outer .overlay_text h3 {
        font-size: 20px;
    }
    .earth_points .point {
        font-size: 14px;
    }
    .small_logos .bl_in img {
        max-width: 130px;
        max-height: 50px;
    }
    .award_box img {
        max-height: 120px;
    }
    .blog_box .blog_img .bg_img {
        height: 200px;
    }
	.navbar-expand-lg .navbar-collapse {
		padding-right: 30px;
	}

    h2 {
        font-size: 33px;
    }
}
@media(max-width:1024px){
    .ban_text_in {
        padding-left: 30px;
    }
    #nav-icon3 {
        width: 30px;
        height: 20px;
        position: relative;
        margin: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
    }
    #nav-icon3 span {
        display: block;
        position: absolute;
        height: 3px;
        width: 100%;
        background: #003e7e;
        border-radius: 4px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }
    #nav-icon3 span:nth-child(1) {
        top: 0px;
    }
    #nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
        top: 9px;
    }
    #nav-icon3 span:nth-child(4) {
        top: 17px;
    }
    #nav-icon3.open span:nth-child(1) {
        top: 18px;
        width: 0%;
        left: 50%;
    }
    #nav-icon3.open span:nth-child(2) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    #nav-icon3.open span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    #nav-icon3.open span:nth-child(4) {
        top: 18px;
        width: 0%;
        left: 50%;
    }
    .navbar-toggler-icon {
        width: auto;
        height: auto;
    }
    .navbar-toggler:focus {
        outline: none;
        background: transparent;
    }
    .navbar-toggler {
        position: absolute;
        right: 60px;
        top: 7px;
        padding: 0;
        z-index: 9999999;
    }
    .navbar-collapse {
        transition: .2s ease all;
    }
    .navbar-toggler {
        display: block;
    }
    .navbar-collapse {
        display: none!important;
    }
/*
    .navbar-collapse.active {
        display: block!important;
    }
*/
    header .container-fluid {
        padding: 0;
    }
    .navbar-expand-lg {
        padding: 0px 20px;
    }
    #myNav.active {
        height: 100vh;
    }
    .header_icons.desktop {
        margin-top: 30px;
        margin-left: 10px;
        opacity: 0;
        -webkit-transition: background-color 0.25s ease-out,
        opacity 0.15s ease-out;
        transition: background-color 0.25s ease-out,
        opacity 0.15s ease-out;
    }
    .ability .ability_left {
        width: 95%;
    }
    .ability .ability_right {
        width: 95%;
    }
    .images_sec .imgsec_in {
        height: 420px;
    }
    .logos_sec_outer:before {
        width: 100%;
    }
    .gal_box {
        margin-bottom: 20px;
    }
    .test_slider .t_sliderin {
        width: 80%;
    }
    .test_slider .arrow_right, .test_slider .arrow_left {
        width: 40px;
        height: 40px;
    }
    .git_text .link {
        font-size: 18px;
    }
    .git_text p {
        font-size: 14px;
    }
    header .nav-item {
        margin: 10px 0;
    }
    .commitment .comit_left .bg_img {
        min-height: 350px;
    } 
    .comit_right {
        margin-top: 30px;
    }
    .logos_straight .c-log {
        margin-bottom: 30px;
    }
    .logos_straight .mt50 {
        margin-top: 0;
    }
    .certificates_straight .c-log {
        margin-bottom: 30px;
    }
    .certificates_straight .mt50 {
        margin-top: 0;
    }
    .story_box_in .story_bg {
        position: absolute;
        height: 100%;
        width: 100%;
    }
    .story_box_in .story_content {
        position: relative;
        height: auto;
        padding: 50px 30px;
    }
    .mission .para_right  {
        margin-top: 30px;
    }
    .oc_iconsec .oc_in {
        margin: 20px 0;
    }
    .quickenw:before {
        display: none;
    }
    .qe_form {
        width: 100%;
        padding: 40px;
        margin-top: 20px;
    }
    .certifications_main .cert_image {
        margin: 20px 0;
    }
    .certifications_main .cert_image .bg_img {
        max-height: 90px;
    }
    .inside_banner .ban_text_in {
        padding-left: 0;
    } 
    .pack_in {
        min-height: 390px;
    }
    .faq_main {
        width: 100%;
    }
    .product_page .product_details {
        margin-top: 50px;
    }
    .product_data {
        margin: 30px auto 0 auto;
    }
    .inner-commit .comit_right {
        width: 100%;
    }
    .blog_main_image {
        height: 340px;
    }
    .heading.center.small_width {
        width: 80%;
    }
    .w_50 {
        width: 80%;
    }
    .wwd .pack_outer {
        margin: 20px auto;
    }
    .why_sec .heading h2 {
        color: #021b51;
    }
    shop_left_menu {
        margin-bottom: 20px;
    }
    .pdlist_box .pdlist_in li.product {
        padding: 0 15px!important;
    }
    .earth_points div .point:nth-child(1) {
        left: 0;
    }
    .earth_points div .point:nth-child(3) {
        right: 0;
    }
    .award_box {
        padding: 30px 20px;
        margin: 0;
    }
    .award_box img {
        max-height: 85px;
    }
    .award_box .award_text h4 {
        font-size: 20px;
    }
    .certifications_main .modal_btn {
        margin-bottom: 30px;
    }
    .earth_points {
        margin: 50px 0 0 0;
    }
    .pack_image img {
        max-height: 120px;
    } 

    h2 {
        font-size: 27px;
    }
}
@media(max-width:767px){
    .earth select {
        position: relative;
        top: auto;
        left: auto;
    }
    .oc_in .oc_img img {
        height: 60px;
    }
    .oc_in .oc_text {
        margin-top: 20px;
    }
    .our_com .oc_iconsec {
        margin-bottom: 40px;
    }
    .test_slider .arrow_right, .test_slider .arrow_left {
        width: 30px;
        height: 30px;
        padding: 5px;
    } 
    .imc_in .row {
        flex-direction: column-reverse;
    }
    .imc_image .bg_img {
        height: 340px;
    }
    .imc_text {
        margin-top: 20px;
    }
    .img-comp-img .imc_in {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    .imc_image  {
        width: 100%;
    }
    .img-comp-img.img-comp-overlay .imc_in .row {
        flex-direction: column-reverse;
    }
    .git_sec .git_box {
        width: 100%;
        margin-bottom: 30px;
    }
    .ability .ability_right {
        width: 100%;
    }
    .qe_sec .qe_head {
        width: 100%;
    }
    .lSSlideOuter .lSPager.lSGallery li {
        width: 65px!important;
        height: 65px!important;
        padding: 8px;
    }
    .blog_credentials .social_share {
        position: relative;
        margin-top: 20px;
    }
    .heading.center.small_width {
        width: 100%;
    }
    .w_50 {
        width: 90%;
    }
    .center_element {
        margin: 0 auto;
    }
    .center_element .ce_box {
        padding: 40px 30px;
    }
    .earth svg, .earth1 svg {
        width: 100%;
        height: auto;
    }
    .earth svg path, .earth1 svg path {
        transform: scale(.6);
    }
    #search .cert_modal {
        width: 100%;
    }
    .earth_points {
        height: auto;
        margin: 30px 0;
    }
    .earth_points .point {
        position: relative;
        top: auto!important;
        left: auto!important;
        right: auto!important;
        margin: 10px 0;
        text-align: center;
        display: inline-block;
        font-size: 12px;
    }
    .earth_points>div {
        display: none;
    }
    .earth_points>div.active {
        display: block;
    }
    .award_box {
        margin-bottom: 20px;
    }

    
}


/*Header Media Query*/

@media(max-width:1024px){
   
    header.active {
        background-color: #e2eafd;
        height: 100%;
        z-index: 99999;
        transition: .2s ease all;
    }
    nav.navi {
        position: absolute;
        width: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: -webkit-transform 0.25s ease-out;
        height: 0;
        overflow: hidden;
        display: block;
    }
    nav.navi.is-visible {
        width: 100%;
        height: auto;
    }
    .header_icons.desktop {
        display: none;
    }
    nav.navi.is-visible .header_icons.desktop {
        opacity: 1;
        display: block;
    }
    nav.navi.is-visible .header_icons.desktop li a {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        padding: 0 5px;
    }
    .menu-container {
        position: relative;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: -webkit-transform 0.25s ease-out;
        transition: -webkit-transform 0.25s ease-out;
        transition: transform 0.25s ease-out;
        transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
    }
    .view-submenu .menu-container {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    .menu-container> ul {
        position: relative;
        top: 20px;
        padding: 6px;
        width: 100%;
        color: #ededed;
    }
    .menu-container > ul > li {
        position: relative;
    }
    .menu-container ul li a {
        opacity: 0;
        display: block;
        padding: 10px 12px;
        position: relative;
        cursor: pointer;
        text-decoration: none;
        color: white;
        border-radius: 3px;
        -webkit-transform: translateY(12px);
        transform: translateY(12px);
        -webkit-transition: opacity 0.15s 0.1s ease-out, -webkit-transform 0.15s 0.1s ease-out;
        transition: opacity 0.15s 0.1s ease-out, -webkit-transform 0.15s 0.1s ease-out;
        transition: opacity 0.15s 0.1s ease-out, transform 0.15s 0.1s ease-out;
        transition: opacity 0.15s 0.1s ease-out, transform 0.15s 0.1s ease-out, -webkit-transform 0.15s 0.1s ease-out;
    }

    .menu-container ul li.has-children span {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        padding: 12px 16px;
        text-indent: -9999px;
    }

    .menu-container ul li.has-children span:after {
        content: "";
        position: absolute;
        top: 0;
        right: 12px;
        bottom: 0;
        margin: auto;
        padding: 4px;
        width: 0px;
        height: 0px;
        cursor: pointer;
        font-size: 0;
        border-bottom: 2px solid #ededed;
        border-right: 2px solid #ededed;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .menu-container ul li.has-children span:hover:after {
        border-color: #bababa;
    }

    .menu {
        opacity: 0;
        -webkit-transition: background-color 0.25s ease-out, opacity 0.15s ease-out;
        transition: background-color 0.25s ease-out, opacity 0.15s ease-out;
    }

    .menu.is-visible {
        opacity: 1;
    }

    .menu.is-visible li a {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    .view-submenu .menu > li > a {
        opacity: 0;
        -webkit-transition: opacity 0.15s ease-out;
        transition: opacity 0.15s ease-out;
    }

    .menu-container .submenu {
        position: absolute;
        top: 0;
        left: 110%;
        width: 100%;
    }

    .menu-container .submenu li {
        margin-left: 60px;
    }

    .hide-submenu {
        position: absolute;
        top: 0;
        left: 0;
        width: 50px;
        height: 40px;
        cursor: pointer;
        background-color: #313131;
        -webkit-transition: background-color 0.25s ease-out;
        transition: background-color 0.25s ease-out;
    }

    .hide-submenu:before {
        opacity: 0;
        content: "";
        position: absolute;
        top: 0;
        right: 12px;
        bottom: 0;
        margin: auto;
        padding: 4px;
        width: 6px;
        height: 6px;
        cursor: pointer;
        font-size: 0;
        border-bottom: 2px solid #021B51;
        border-right: 2px solid #021B51;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        left: 0;
        right: -6px;
        -webkit-transition: opacity 0.1s ease-out;
        transition: opacity 0.1s ease-out;
    }

    .view-submenu .hide-submenu {
        background-color: #fff;
    }

    .view-submenu .hide-submenu:before {
        opacity: 1;
        -webkit-transition: opacity 0.15s 0.3s ease-out;
        transition: opacity 0.15s 0.3s ease-out;
    }
    .view-submenu .submenu {
        left: 100%;
        width: 100%;
    }

    .footer_sec {
        margin-top: 40px !important;
    }
}
@media (max-height: 568px) {
  .screen {
    top: 24px;
    bottom: auto;
  }
}
@media (max-width: 400px) {
  .screen {
    top: 0;
    width: 100vw;
    height: 100vh;
  }
}

/*Media Queries*/

/*Media Queries Update*/
@media(max-width:1024px){
  /*  .shop_products_sec > .row {
        flex-direction: column-reverse;
    } */
    .footer_sec ul.menu {
        opacity: 1;
    }
    .menu-container > ul > li.wpmenucart-display-right {
        float: none!important;
    }
    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
        clear: none!important;
    }
    #customer_login .col-1, #customer_login .col-2 {
        float: left;
    }
    .why_sec {
        padding-top: 0!important;
    }
    .gal_box {
        height: auto;
    }
}
@media(max-width:767px){
    .woocommerce .woocommerce-message {
        display: flex;
        flex-direction: column-reverse;
    }
    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
        width: 100%!important;
        max-width: 100%;
    }
    #customer_login .col-1, #customer_login .col-2 {
        float: none;
        max-width: 100%;
    }
    .resize {
        position: relative;
        width: 100%;
        height: auto;
        clip-path:none;
    }
    #frame-2 {
        width: 100%;
    }
    .resize span.bg {
        display: none;
    }
    .imc_image .bg_img {
        height: 260px;
    }
    .pack_image img {
        height: auto;
    }
    .pack_in {
        min-height: auto;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .pack_outer .overlay_text {
        position: relative;
        height: auto;
    }

    h2 {
        font-size: 27px;
    }

}
/*Media Queries Update*/

.mapsaccordian.accordion .card {
    border: none;
}
.mapsaccordian.accordion>.card .card-header {
    background: transparent;
    padding: 10px 0;
}
.mapsaccordian.accordion>.card .card-header button.collapsed {
    color: #adadad;
}
.mapsaccordian.accordion>.card .card-header button {
    color: #021B51;
    font-weight: 700;
    font-size: 22px;
    margin: 0;
    text-align: left;
    background: none;
}
.mapsaccordian.accordion .card-body .panel-list .belowtext p {
    padding-left: 0;
}
#customer_login .col-1,#customer_login .col-2 {
    background: #FFFFFF;
    box-shadow: -25px 15px 50px rgba(62, 80, 247, 0.1);
    border-radius: 30px;
    padding: 60px 50px;
}
#customer_login .col-1 h2, #customer_login .col-2 h2 {
    text-align: center;
}
#customer_login form {
    border: none!important;
    margin-bottom: 0!important;
}
#customer_login .woocommerce-button {
    width: 100%;
    margin: 10px 0!important;
}
.search_reseult_box .srb_in {
    margin-bottom: 30px;
}
.search_reseult_box .commitment.page_image {
    padding-bottom: 30px;
    border-bottom: 1px solid #efeaea;
}
.search_reseult_box .commitment.page_image .comit_left {
    border-radius: 0;
}
.search_reseult_box .commitment.page_image .comit_left .bg_img {
    min-height: 200px;
}
.portfolio-wraper .simplefilter li {
    padding: 0;
    margin: 0 20px;
    background-color: transparent!important;
    color: #343434!important;
    font-weight: 600;
    transition: .2s ease all;
}
.portfolio-wraper .simplefilter li:hover {
    background-color: transparent!important;
    color: #a91d21 !important;
}
.portfolio-wraper .simplefilter li.active {
    color: #a91d21 !important;
}
.portfolio-wraper .filtr-container {
    margin-top: 40px;
}
form.search-form {
    /* padding: 50px;
    width: 50%; */
    margin-left: auto;
    margin-right: auto;
    background: #FFFFFF;
    box-shadow: -25px 15px 50px rgba(62, 80, 247, 0.1);
    border-radius: 30px;
    margin-top: 30px;
}
form.search-form label {
    display: block;
}
form.search-form input[type=search]{
    background: #fff;
    border: 1px solid #D8D8D8;
    font-size: 14px;
    padding: 12px 20px;
    border-radius: 10px;
    width: 100%;
}
form.search-form input[type=submit]{
    display: inline-block;
    border-radius: 30px;
    font-weight: 400;
    font-size: 16px;
    padding: 12px 20px;
    min-width: 160px;
    text-align: center;
    transition: .2s ease all;
    background-color: #A91D21;
    border: 1px solid #A91D21;
    color: #FFF;
    margin-top: 20px;
}
form.search-form input[type=submit]:hover {
    background-color: #021B51;
    color: #fff;
    border-color: #021B51;
}
.inquiry_modal .modal-content {
    border-radius: 30px;
}
.qe_form .packin_inner h2 {
    margin-bottom: 15px;
}
.header_top {
    
    background: #003e7e;
    margin-top: -15px;
    margin-bottom: 10px;
    padding: 5px 0;
}
.header_top .headertop_content {
    text-align: right;
    padding-right: 30px;
}
.header_top .headertop_content li {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    margin-left: 20px;
}
.header_top .headertop_content li a {
    transition: .2s ease all;
}
.header_top .headertop_content li a:hover {
    color: #A91D21;
}

.desktop{
	display:block;
}
.mobile, .withoutDesktopOnly{
	display:none;
}
.page .commitment .comit_left .bg_img {
    background-size: contain;
}

.withoutDesktopIpadOnly{
	display: none;
}


/*New Timeline*/

#search .cert_modal {
    width: 100%;
}
#search .ysm-search-widget .search-form {
    box-shadow: none;
    width: 100%;
    padding: 0;
    position: relative;
}
.ysm-search-widget .search-form .smart-search-results {
    width: 100%!important;
    position: relative;
}
.ysm-search-widget .search-form .smart-search-suggestions {
    width: 100%;
}
.ysm-search-widget .search-form .smart-search-post-title {
    text-align: left;
    font-weight: 600;
}
.ysm-search-widget .search-form .smart-search-post-price {
    color: #a91d21;
}
.ysm-search-widget .smart-search-view-all-holder>a {
    background: #021b51;
    color: #fff;
    transition: .2s ease all;
}
.ysm-search-widget .smart-search-view-all-holder>a:hover {
    background: #a91d21;
}


/*New Updates 12-11-2020*/

.lSSlideOuter .lSPager.lSGallery li {
    display: flex;
    align-items: center;
    justify-content: center;
}
.lSSlideOuter .lSPager.lSGallery img {
    height: auto!important;
}

.shop_outer_page .lightSlider li img {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    min-height: 160px;
    max-height: 160px;
}
.shop_outer_page .lSSlideOuter .lSPager.lSGallery li {
    height: 60px!important;
    width: 60px!important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 5px!important;
    padding: 5px;
    border-radius: 12px;
}
.shop_outer_page .lSSlideOuter .lSPager.lSGallery li img {
    height: auto;
}
.shop_outer_page .lSSlideOuter .lSPager.lSGallery li a {
    display: block;
    width: 100%;
    height: 100%;
}


.pdlist_text .lh_select select {
     word-wrap: break-word;      /* IE*/
      white-space: -moz-pre-wrap; /* Firefox */
      white-space: pre-wrap;      /* other browsers */
      width:100%;
      display:inline-block
}
.navbar-collapse {
    justify-content: end;
}
body #quadmenu {
    margin: 0;
}
.woocommerce .woocommerce-breadcrumb, p#breadcrumbs span {
    color: #021B51 !important;
}
p#breadcrumbs a, .woocommerce .woocommerce-breadcrumb a{
	color: #A91D21 !important;
}
body .woo-variation-gallery-wrapper .woo-variation-gallery-trigger {
    background: none;
    color: #A91D21;
	top: 0.2em;
    right: 0.2em;
    width: 25px;
    height: 25px;
	font-size: 1em;
}
.single .product_meta {
    padding-top: 20px;
}
.custom-select select.wpcf7-form-control.wpcf7-select {
    display: none;
}

.footer-request-a-sample.footer-shop-now {
    padding-top: 20px;
}




.inner-request-a-sample-footer {
    padding: 15px 25px;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    outline: none;
    color: #fff;
    background-color: #ec2028;
    border: none;
    border-radius: 40px;
    box-shadow: 0 3px #999999a3;
}

.inner-request-a-sample-footer:hover {
    box-shadow: 0 4px #999999f2;
    background-color: #0056b8;
}

.inner-request-a-sample-footer a {
    color: #fff;
}

.footer-request-a-sample {
    width: 75%;
}

section.pad.light_gray-bg {
    background: #cccccc80;
}

h2 {
    font-size: 42px;
}


.contnt-mains-sec .cont-inrs-secs .innr-item {
    width: 25%;
    float: left;
}

.contnt-mains-sec .cont-inrs-secs .innr-item img{
    width: 100%;
    padding: 10px;
}

.contnt-mains-sec {
    display: inline-block;
}






















/*New Updates 24-11-2020*/
@media(max-width:1500px){
    form.search-form {
        width: 60%;
    }
}
@media(max-width:1200px){
    #customer_login .col-1, #customer_login .col-2 {
        padding: 40px 30px;
    }
    .award_box {
        margin: 0;
    }
	.withoutDesktopOnly{
		display: block;
	}
	.desktopOnly{
		display:none;
	}
}
@media(max-width:1024px){
    .oloc_main .tabs {
        padding-left: 0;
        margin-top: 30px;
    }
	.videoTwoBlocksHome .images_sec .imgsec_in .overlay h3 {
	 	 padding-top: 25%;
	}
    #customer_login .col-1, #customer_login .col-2 {
        padding: 40px 10px;
        margin: 0 5px;
    }
    .onlyHome .home_banner_in .ban_text_in h1 {
        font-size: 44px;
    }
    .onlyHome .home_banner_in .ban_text_in p {
        font-size: 16px;
    }
    .header_top .headertop_content {
        padding-right: 60px;
    }
    .images_sec .imgsec_in img {
        width: 100%;
        height: auto;
    }
	.home_banner .hero-video {
		width: auto;
	}
}

@media(max-width:767px){
    #customer_login .col-1, #customer_login .col-2 {
        margin: 20px 0px;
    }
	.single .woo-variation-product-gallery {
    	float: inherit;
	}
	.lSSlideOuter .lightSlider li img {
	  max-height: 100%;
	  max-width: 100%;
	}
	.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager{
		height: auto !important;
	}
	.hb_button {
    	height: 100%;
	}
    .onlyHome .home_banner_in .ban_text_in h1 {
        font-size: 38px;
    }
    .onlyHome .home_banner_in .ban_text_in p {
        font-size: 15px;
        width: 90%;
    }
    form.search-form {
        width: 100%;
    }
    .pack_outer .overlay_text .know_button {
        text-align: center;
    }
    .pack_outer .overlay_text .know_button .custom_button {
        margin: 5px 5px;
    }
    .wwd .pack_outer .pack_in {
        min-height: inherit;
    }
    .ability .ability_left {
        margin-bottom: 30px;
    }
    .award_box {
        margin-bottom: 20px;
    }
    .header_top .headertop_content li {
        font-size: 12px;
        margin-left: 10px;
    }
    .images_sec .imgsec_in img {
        height: 100%;
        width: auto;
    }
	.videoTwoBlocksHome.mobile .images_sec .imgsec_in img {
		height: auto;
		width: 100%;
	}
    .pagination ul.page-numbers li {
        margin: 0 5px;
    }
	.pad_top.boomrangNewProduct .imgsec_in.bg_img img {
		width: 100% !important;
		margin-top: 20px;
	}
	.pad_top.boomrangNewProduct .know_button.mt30{
		padding: 0 0 !important;
	}
	
	.banner_text{
		display: flex;
	}
	
	.desktop{
		display:none;
	}
	.mobile{
		display:block;
	}

    .contnt-mains-sec .cont-inrs-secs .innr-item {
        width: 33%;
        float: left;
    }
}


@media only screen and (min-device-width: 1025px) and (max-device-width: 1380px) and (orientation:landscape) {
  .quadmenu-dropdown-toggle .quadmenu-cart-total {
	  display: none;
	}
}
@media(max-width:1024px){
	body .navbar{
		display: block;
	}
	#quadmenu .quadmenu-navbar-nav .col-sm-2, #quadmenu .quadmenu-navbar-nav .col-sm-3 {
		flex: none !important;
		max-width: 100% !important;
	}
	#quadmenu .quadmenu-navbar-nav .quadmenu-dropdown-menu ul, #quadmenu .quadmenu-navbar-nav li.quadmenu-item.open>.quadmenu-dropdown-menu>ul {
		width: 100% !important;
		display: block;
	}
		body .navbar-expand-lg .navbar-toggler {
		display: block !important;
	}
		nav.navbar.navbar-expand-lg {
		max-height: 80vh;
		overflow-y: scroll;
	}
}
@media(max-width:500px){
	.packaging-template .main {
	  padding-top: 100px;
	}
	.post-type-archive-product div#primary {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	.post-type-archive-product div#primary .shop_main .container-fluid {
		padding: 0px 10px;
	}
	.archive .shop_products_sec .row div#primary {
		padding-left: 0px;
		padding-right: 0px;
	}
	.archive .shop_products_sec .row div#primary .pdlist_box .pdlist_in li.product {
		padding: 0 0px !important;
	}
    .earth svg, .earth1 svg {
        width: 100%;
        height: 340px;
    }
	.custom_button.red {
		margin-right: 10px;
	}
    .earth svg path, .earth1 svg path {
        transform: scale(.6);
    }
	.withoutDesktopIpadOnly{
		display: block;
	}
	.withoutDesktopOnly, .desktopOnly{
		display: none;
	}
	div#primary {
		padding-top: 40px;
	}
	.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
		float: none;
		flex: none;
		max-width: 100%;
	}
}


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


.mob-lnd-img-tp {
    display: none !important;
}


.desk-ing-lpts {
    display: block !important;
}



}


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


.top_margin {
    margin-top: 0px !important;
}


.pad {
    padding: 25px 0;
}

.header_top .headertop_content {
    padding-right: 15px;
}

.navbar-toggler {
    position: absolute;
    right: 30px;
    top: 10px;
}

#quadmenu.quadmenu-default_theme:not(.quadmenu-is-horizontal) .quadmenu-navbar-nav li.quadmenu-item .quadmenu-item-content {
    border-bottom: 1px solid #fff !important;
    background: #ccc9 !important;
    margin-top: 20px !important;
    border-radius: 13px !important;
}




.mob-lnd-img-tp {
    display: block !important;
}

.desk-ing-lpts {
    display: none !important;
}

h2 {
    font-size: 24px;
}

.contnt-mains-sec .cont-inrs-secs .innr-item {
    width: 50%;
    float: left;
}



}