
/*@media (max-width: 1195px) {
    .clsDdl {
           width:350px;*/
           /*background-position:  320px 13px;*/
    /*}
}*/
@media (max-width: 1712px) and (min-width: 992px) {
    #headerContent {
        /*max-width: 76%;*/
    }
}
@media (max-width: 1260px) and (min-width: 1170px) {
    .embedabc {
        min-height:600px !important;
    }
}
@media (max-width: 1169px) and (min-width: 1030px) {
    .embedabc {
        min-height:500px !important;
    }
}
@media (max-width: 1029px) and (min-width: 527px) {
    .embedabc {
        min-height:400px !important;
    }
}
@media (max-width: 526px) and (min-width: 386px) {
    .embedabc {
        min-height:300px !important;
    }
}
@media (max-width: 385px)  {
    .embedabc {
        min-height:200px !important;
    }
}
@media (min-width: 767px) and (max-width: 1161px) {
    .lblBold17, .lblRegular17 {
        font-size: 16px;
    }
    .clsDdl {
        font-size:11px;
    }
    .size22 {
        font-size:18px;
    }
}
@media (max-width: 1236px) and (min-width: 1081px) {
    .contentAsocciate > h2 {
        font-size:30px !important;
        padding-bottom: 15px;
    }
    .contentAsocciate > p,
    .contentPreferred > p, .contentRetail > p {
        font-size:15px !important;
        line-height:15px !important;
    }
    .btnNextWhite2 {
        padding: 18px 60px 18px 40px;
    }
}
/*@media (max-width: 1511px) {
    .contentAsocciate {
        padding: 5%;
    }
    .contentAsocciate > p {
        font-size: 18px;
        line-height: 16px !important;
    }
}*/

@media (max-width: 1111px) and (max-width: 1350px){
    .contentAsocciate > p {
        font-size: 18px;
        line-height: 16px !important;
    }
}

@media (max-width: 1511px) {
    .contentAsocciate {
        padding: 5%;
    }
    .contentAsocciate > p {
        font-size: 18px;
        line-height: 20px !important;
    }
}

@media (max-width: 1351px) and (min-width: 1081px) {
    .div_2 > p{
        font-size:13px !important;
    }
}
@media (max-width: 1060px) and (min-width: 992px) {
    .contentAsocciate > h2 {
        font-size:25px !important;
        padding-bottom:0px;
        margin-bottom:0;
    }
    .contentAsocciate > p {
        margin-bottom:0;
    }
    .contentAsocciate > p,
    .contentPreferred > p, .contentRetail > p {
        font-size:16px !important;
    }
    .btnNextWhite2 {
        padding: 8px 60px 8px 40px;
        /*margin-top:50px;*/
    }
}
@media (min-width: 1061px) and (max-width: 1080px) {
    .contentAsocciate > p,
    .contentPreferred > p, .contentRetail > p {
        font-size:13px !important;
    }
    .contentAsocciate > h2 {
        font-size:20px !important;
        padding-bottom: 5px;
    }
    .btnNextWhite2 {

    }
    .btnNextBlue {
    }
}
@media (min-width: 992px) and (max-width: 1161px) {
    #headerContent {
/*width: 79%;*/
}

.imgenroll{

width: 126%;

/* height: 100%; */

margin-top: 0px;

/* padding-right: 15px; */
}
.contentAsocciate{
    width: 100%;
    padding-bottom: 34px;
    padding-top: 3%;
    padding-left: 3%;
    padding-right: 3%;
}
.contentPreferred, .contentRetail {

width: 100%;
}
.contentCustomer {

width: 100%;
}
.contentPreferred > h2, .contentRetail > h2 {

padding-bottom: 8px;
}

.contentPreferred > p, .contentRetail > p {
  
/*height: 87px;*/
}
.contentPreferred, .contentRetail {
  
height: 225px;
}

.contentAsocciate > p {

line-height: 22px;
}
.pull-right-img {

float: initial !important;
}
}
@media (min-width:768px) and (max-width:807px){
#triangle{
    left: 265px;
}
    .div_category_main .div_category{
        
float: initial !important;
    }
    .div_categorylite_main .div_category2{
        
float: initial !important;
    }
    .div_category_child{    position: initial;}
      .div_categorylite_child{    position: initial;}
    #div_categories{
    width: 300px;
    margin: 0 auto;
    float: initial;
}
}
@media (max-width:676px){
.div_category_child #triangle{
    left: 217px;
}
    .div_category_main .div_category{
        
float: initial !important;
    }
      .div_categorylite_main .div_category2{
        
float: initial !important;
    }
    .div_category_child{    position: initial;}
      .div_categorylite_child{    position: initial;}
    #div_categories{
    width: 300px;
    margin: 0 auto;
    float: initial;
}
}

@media (min-width: 461px) and (max-width: 991px) {
    .btnNextBlue{
    font-size: 16px;
    background-position: 90% 48%;
    width: 100%;
}
    .btnNextWhite2{
    width: 100%;
    background-position: 75% 48%;
}
    #headerContent {
/*width: 79%;*/
}

.imgenroll{

width: 100%;

height: 100%;

margin-top: 0px;

/* padding-right: 15px; */
}
.contentAsocciate{
    width: 100%;
    padding-bottom: 34px;
    padding-top: 7%;
    padding-left: 7%;
    padding-right: 7%;
}
.contentPreferred, .contentRetail {

width: 100%;
}
.contentCustomer {

width: 100%;
}
.contentPreferred > h2, .contentRetail > h2 {

padding-bottom: 8px;
}

.contentPreferred > p, .contentRetail > p {
  
/*height: 87px;*/
}
.contentPreferred, .contentRetail {
  
/*height: 256px;*/
}

.contentAsocciate > p {

line-height: 22px;
}
.pull-right-img {

float: initial !important; 
}
}

@media (max-width: 460px) {
    .formSep2 {
        margin-top: 30px !important;
    }
    .contentAsocciate > h2 {
   
    font-size: 20px;

}
    .clsDdl {
        /*font-size:11px !important;*/
    }
    .size22 {
        font-size:17px !important;
    }
    .contentAsocciate > p {
        font-size:13px !important;
    }
    .btnNextBlue{
    font-size: 12px;
    background-position: 90% 48%;
    width: 100%;
}
    .btnNextWhite2{
        width: 100%;
        background-position: 97% 48%;
        padding:5px 0px 5px 0px !important;
        font-size: 16px;
    }
    #headerContent {
/*width: 79%;*/
padding-left:16px;
}

.imgenroll{

width: 100%;

height: 100%;

margin-top: 0px;

/* padding-right: 15px; */
}
.contentAsocciate{
    width: 100%;
    padding-bottom: 34px;
    padding-top: 7%;
    padding-left: 7%;
    padding-right: 7%;
}
.contentPreferred, .contentRetail {

width: 100%;
}
.contentCustomer {

width: 100%;

float: initial !important;
}
.contentPreferred > h2, .contentRetail > h2 {

padding-bottom: 8px;
font-size:20px !important;
}

.contentPreferred > p, .contentRetail > p {
  
height: auto;
font-size: 13px !important;
}
.contentPreferred, .contentRetail {
  
height: auto;
  
padding: 12px;
  
float: initial !important;
}

.contentAsocciate > p {

line-height: 22px;
}
.pull-right-img {

    float: initial !important;
}
}
@media (min-width: 460px) and (max-width: 768px) {
    .modal-header > h2 {
        font-size: 25px !important;
    }
    .modal-body {
        font-size: 20px !important;
    }
}
@media (min-width: 992px) and (max-width: 1429px) {
    .contentPreferred, .contentRetail {
        padding: 20px;
    }
}
@media (min-width: 768px) and (max-width: 1160px) {
  .stepLine,.stepLine2{
    width: 33px;
  }
}
@media (max-width: 561px) and (max-width: 768px) {
 .lng_head img {
   
width: 147px;
   
height: auto;
   
margin-top: 0px;
}

#DivChart img {width: 53px; margin:0px !important;}

}

@media (max-width:540px) {
 body{
     overflow-x: auto !important;
}
}
@media (max-width:547px) {
 .btn{
         margin-right: 0;
}
    #stepConfirmation {
        padding: 0 0 14px 15px !important;
    }
}

@media (max-width:991px) {
    .div_white {
        display:none;
    }
    .div_blue {
        display:block;
    }
.formSep2 {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}
.btnNextWhite{
    margin-top: 30px;
}
.dropLeft, div[id$=div_phonecc], div[id$=div_phonecc2], div[id$=div_faxcc], div[id$=div_cellphonecc] {
        width:100% !important;
}
.contentAsocciate > p,.contentPreferred > p, .contentRetail > p {
    font-size:18px;
}
    .div_footData {
        width:100% !important;
    }
    .stepName {
        font-size:12px;
    }
    #div_categories {
        width: 100% !important;
    }
    .div_category2 {
        float: none;
        margin: 0 auto;
        margin-bottom: 12px;
    }
    .paddingRight6, .paddingLeft6  {
        padding-left:0 !important;
        padding-right:0 !important;
    }
    .contentAsocciate {
        margin-bottom:12px;
    }
    .wrapper-ddl-2 > ul {
        margin-top:0 !important;
    }
}
@media (min-width:498px) and (max-width:606px) {
    .formSep {
                max-width: 223px ;
                display:none ;
            }
            .btn-mobile {
            display:block !important;
            font-size:17px;
              /*padding-top: 20px;*/
                padding-bottom: 5px;
                  /*float: left;*/
                  cursor: pointer;
            color: #0893CE;
            }
            .formSep ul {
              float: initial;
              background-color: #ffffff;
              border: 1px solid #cccccc;
              border: 1px solid rgba(0, 0, 0, 0.15);
              border-radius: 4px;
              -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
              box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
              background-clip: padding-box;
              min-width: 160px;
              padding: 6px 8px;
            }

            .stepName,
            .stepLine,
            .stepLine2 {
                display:none !important;
            }
            .stepy-titles li {
                margin-right: 6px;
            }
              .formSep {
                /*max-width: 223px ;*/
                display:block !important ;
            }
.rowstep_title{
display:none;
}
    .stepy-titles .stepNb3,
    .stepy-titles .stepNb2,
    .stepy-titles .stepNb {
        width: 50px;
        line-height: 45px;
        border-radius: 32px;
        font-size: 34px;
        border: 4px solid;
    }
}
@media (min-width:461px) and (max-width:606px) {

            
.h1StepTitle{
    font-size: 33px;
}
.rowConf > span, .rowConf, .lblRegular16 {
        font-size: 17px;
}
.rowConf {
    padding-bottom: 20px;
    padding-top: 0px;
}
.h1Foot {
    font-size:35px;
}
 .lng_head img {
   
width: 147px;
   
height: auto;
   
margin-top: 0px;
}

#DivChart img {width: 53px; margin:0px !important;}
#headerContent {
    /* margin: 20px 100px 20px 60px; */
}
#DivChart span {
    left: -30px;
    top: -3px;
}
.stepy-titles {

    height: 74px;

}
.clsAnswer{}
.btnNextWhite{
    width: 100%;
    margin: 26px 0px 0px 0px;
    text-align: center;
    background-position: 180px 15px;
    
}
.btnNextWhite{
       width: 100%;
       margin: 45px auto 0px auto;
       text-align: center;
       background-position: 64% 15px;
}
a[id$=btnPrevious] {
    background-position: 32% 14px !important;
}
 .padding0 {
        padding:0px !important;
    }
     .margin0 {
        margin:0px !important;
    }
     .dropdown-menu li a {
    font-size: 17px;
}
       .clsDdl{
    font-size: 15px;
}
       .size22{
    font-size: 18px;
}
}


@media (max-width:976px) {
    .content-btn {
        float:none !important;
    }
     /*.clsDdl {
           width: 261px;*/
           /*background-position: 232px 13px;*/
           /*margin: 0px !important;
    }*/
}
@media (max-width:497px) {
    .formSep {
                max-width: 223px ;
                display:none ;
            }
            .btn-mobile {
            display:block !important;
            font-size:17px;
              /*padding-top: 20px;*/
                padding-bottom: 5px;
                  /*float: left;*/
                  cursor: pointer;
            color: #0893CE;
            }
            .formSep ul {
              float: initial;
              background-color: #ffffff;
              border: 1px solid #cccccc;
              border: 1px solid rgba(0, 0, 0, 0.15);
              border-radius: 4px;
              -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
              box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
              background-clip: padding-box;
              min-width: 160px;
              padding: 6px 8px;
            }

            .stepName,
            .stepLine,
            .stepLine2 {
                display:none !important;
            }
            .stepy-titles li {
                margin-right: -10px;
            }
              .formSep {
                /*max-width: 223px ;*/
                display:block !important ;
            }

    .stepy-titles .stepNb3,
    .stepy-titles .stepNb2,
    .stepy-titles .stepNb {
        width: 30px;
        line-height: 29px;
        border-radius: 32px;
        font-size: 25px;
        border: 3px solid;
    }
}
@media (max-width: 368px) {
    .stepy-titles li {
        margin-right:-20px;
    }
}
@media (max-width:460px) {
    .rowstep_title{
display:none;
}
.h1StepTitle{
    font-size: 21px;
    margin-bottom: 18px;
}

.h1Foot {
    font-size:25px;
}

.rowConf > span, .rowConf, .lblRegular16 {
        font-size: 14px;
}
.rowConf {
    padding-bottom: 20px;
    padding-top: 0px;
}
 .lng_head img {
   
width: 115px;
   
height: auto;
   
margin-top: 0px;
}
    .contentParraf > p,
    .span1,
    .span2 {
        font-size:16px;
    }
    .modal-body {
        font-size:15px !important;
    }
    .modal-content2 {
        padding: 16px !important;
    }
    .modal-header > h2 {
        font-size:20px !important;
    }
#DivChart img {width: 42px; margin:0px !important;}
#headerContent {
    margin: 14px 0px;
}
.btnAddCart {
    font-size:14px;
}
.btnAddedCart {
    font-size:14px;
}
#detail > p {
    font-size:15px;
}
.desc-prod {
    font-size:17px;
    }
#DivChart span {
    left: -26px;
    top: -3px;
}
.stepy-titles {

height: 41px;
}
.clsAnswer{
    font-size: 17px;
}
    .height100 {
    height: 118px;
}
    .padding0 {
        padding:0px !important;
    }
     .margin0 {
        margin:0px !important;
        float: initial !important;
    }
    .stepy-titles .current-step .stepNb2 {
    border: 3px solid #43B02A;
}
.btnNextWhite{
       width: 100%;
    margin: 26px auto 0px auto;
    text-align: center;
    background-position: 64% 15px;
}
a[id$=btnPrevious] {
    background-position: 32% 14px !important;
}
    #headerContent {
width: 100%;
}
    .dropdown-menu li a {
    font-size: 17px;
}
    .clsDdl{
    font-size: 17px;
}
    ::-webkit-input-placeholder {font-size:16px;}
    ::-moz-placeholder { font-size:16px;} /* firefox 19+ */
    :-ms-input-placeholder { font-size:16px;} /* ie */
    input:-moz-placeholder { font-size:16px;}
    .txtInfo,
    .lblRegular17,
    .lblBold17 {
        font-size: 16px;
    }
    #container-header {
        padding: 0 10px;
    }
}
/*@media (max-width: 767px) and (min-width: 256px) {
    .divtableform {
        padding-left:0px;
        padding-right:0px;
    }
}*/

@media (min-width: 1195px) and (max-width: 1549px){
   #div_categories {
        /* width: 1210px; */
    }
}

@media (min-width: 1374px) and (max-width: 1549px){
   #div_categories {
        margin: 0px 0px 0px 0%;
    }
}
@media (min-width: 1305px) and (max-width: 1375px){
   #div_categories {
        /*margin: 0px 0px 0px 0%;*/
    }
}

@media (min-width: 1255px) and (max-width: 1304px){
   #div_categories {
        /* margin: 0px 0px 0px -9%; */
        padding: 0px;
    }
}
@media (min-width: 1195px) and (max-width: 1254px){
   #div_categories {
        margin: 0px 0px 0px -14%;
    }
}
@media (min-width: 961px){
    
li.dropdown.open > a#wrap-cartblue:after, li.dropdown.open > a#wrap-cartblue:before ,
li.dropdown.open > a#wrap-cartgreen:after, li.dropdown.open > a#wrap-cartgreen:before {
    bottom: 100%;
    left: 101%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    margin-bottom: -3px;
    z-index: 1;
}

li.dropdown.open > a#wrap-cartblue:before,
li.dropdown.open > a#wrap-cartgreen :before {
    /* border-color: rgba(34, 140, 245, 0); */
    /* border-bottom-color:  #00B102; */
    /* border-width: 11.5px; */
    /* margin-left: -36px; */
    /* top: 19px; */
}


@media (max-width:890px) {
    #divImage {
        width:100%;
    }
}

li.dropdown.open > a#wrap-cartblue:after,
li.dropdown.open > a#wrap-cartgreen:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color:  #00B102;
    border-width: 11.5px;
    margin-left: -44px;
    top: 47px;
}
}
/*
@media (min-width:1269px) and (max-width:1450px) {
    .div_content {
        width: 320px;
    }
}
@media (min-width:1144px) and (max-width:1268px) {
    .div_content {
        width: 400px !important;
    }
}
@media (min-width:867px) and (max-width:1143px) {
    .div_content {
        width: 300px !important;
    }
}
@media (min-width:795px) and (max-width:866px) {
    .div_content {
        width: 270px !important;
    }
}
@media (min-width:600px) and (max-width:794px) {
    .div_content {
        width: 500px !important;
    }
}
@media (min-width:450px) and (max-width:559px) {
    .div_content {
        width: 400px !important;
    }
}
@media (max-width:449px) {
    .div_content {
        width: 300px !important;
    }
}*/
@media (max-width:767px) {
    a:hover.tooltips span.lblRegular17 {
        margin-left:-260px;
        position:absolute;
    }
    a.tooltips span.lblRegular17 {
        top:45px;
        position: inherit;
    }
        a.tooltips span.lblRegular17:before {
            top: 14%;
            right:16px;
            margin-top:-33px;
            border-right: 12px solid transparent;
            border-top: 12px solid transparent;
            border-bottom: 12px solid #0072D1;
            border-left: 12px solid transparent
        }
        a.tooltips span.lblRegular17:after {
            top: 14%;
            right: 19px;
            margin-top: -25px;
            border-right: 8px solid transparent;
            border-top: 8px solid transparent;
            border-bottom: 8px solid #E1F0FA;
            border-left: 8px solid transparent;
        }
}
@media (min-width:961px) {
    .closeshoppingcart{
        display:none;
    }
}
@media (max-width:550px) {
   .headshopping_right {
    width: 30% !important;
   }
   .headshopping_left {
    width: 70% !important;
   }
    
}
@media (max-width:435px) {
    .headshopping_right {
        font-size:12px;
        margin-top: 1px;
        padding-left: 15px;
    }
    .shopcart-title {
        font-size:12px !important;
    }
    .closeshoppingcart img {
        width: 10px;
    }
}
@media (max-width: 991px) {
    .ovflw-x-scroll-xs,.box-tb {
        overflow-x: scroll;
    }
    .p_resize {
        min-width:0;
    }
    .paddingRight5 {
        padding-left: 0;
        padding-right: 0;
    }
    .paddingLeft5 {
        padding-left: 0;
        padding-right: 0;
    }
}
@media (min-width:991px) and (max-width: 1160px) {
    .p_resize {
        min-width: 266px;
    }
}
@media (min-width:768px) and (max-width: 1160px) {
    ::-webkit-input-placeholder {font-size:16px;}
    ::-moz-placeholder { font-size:16px;} /* firefox 19+ */
    :-ms-input-placeholder { font-size:16px;} /* ie */
    input:-moz-placeholder { font-size:16px;}
    .txtInfo,
    .lblRegular17
    .lblBold17 {
        font-size:15px;
    }
    .clsDdl {
       font-size: 13px !important;
}

}

@media (min-width:768px) and (max-width: 1170px) {

    .clsDdl {
           font-size: 20px !important;
    }

}

@media (max-width: 767px) {
    .divInfo {
        padding-bottom: 15px
    }
    #GroupDiv7 {
        padding-bottom:62px;
    }
}

@media (min-width: 992px) {
    .div_blue {
        display:none;
    }
    .div_white {
        display:block;
    }
}

@media (max-width: 470px) {
    .divPaddleft0 {
        padding-left:0px !important;
    }
    #div_categories {
        padding-bottom: 15px;
    }
}
@media (max-width: 368px) {
    .clsDdl {
        /*width: 210px;*/
    }
}
@media (max-width: 350px) {
    .imgCategory,.div_category,#div_categories,.div_category_main {
        width:100%;
    }
}
@media (max-width: 471px) {
    /*#imageProduct {
        width:100%;
    }*/
    .div_categorylite_main {
        width: 275px;
    }
}
@media (max-width: 334px) {
    .div_category2,.div_categorylite_main {
        width: 245px;
    }
    .name_style {
        width:140px;
    }
}
@media (max-width: 460px) {
    .btnNextBlue {
        background-image: none;
        padding: 8px 35px 8px 14px;
    }
    .clsDdl {
        position: initial !important;
    }
    .padbot52 {
            padding-bottom: 10px !important;
            padding-left:0 !important;
        }
    .btnAddCart, .btnAddedCart {
        margin-top:20px;
    }
}
@media (max-width: 1160px) {
    ::-webkit-input-placeholder {
        font-size: 20px !important;
    }

    ::-moz-placeholder {
        font-size: 20px !important;
    }
    /* firefox 19+ */
    :-ms-input-placeholder {
        font-size: 20px !important;
    }
    /* ie */
    input:-moz-placeholder {
        font-size: 20px !important;
    }
}
@media (max-width: 768px) {
    .contentParraf2 {
        width:100%;
    }
    .cls-zipformat-container {
        margin-left: -97%;
        bottom: 30px;
    }
    .bottom-66 {
        bottom: -275px;
    }
    .cls-fields-format:before {
        top: 0 !important;
        left: 50%;
    }
}
@media (max-width: 976px) {
    .content-btn > #btnContinue2, .content-btn > .btnAddedCart {
        width:100%;
    }
}

@media (max-width: 400px) {
    .btnEnroll {
        padding:0px;
    }
}
@media (max-width: 518px) {
    .contentAsocciate {
        height: inherit;
    }
}

@media (min-width:992px) and (max-width:1150px) {
    .content-cell1 {
        display: block;
        width: 100%;
    }

    .content-cell2 {
        display: block;
        width: 100%;
        padding-left: 0;
        position: relative;
        margin-top: 5px;
    }

    .contentAsocciate {
        height: 560px;
    }
}


@media (min-width:992px) and (max-width:1199px) {
    .btnprin {
        float: right;
        margin-top: 10px;
    }
    
}
@media (min-width:1199px) and (max-width:1800px) {
    #btnAddCart, #btnBack {
        font-size: 1.2vw;
    }

}
@media (max-width:356px) {
    #btnAddCart, #btnBack {
        font-size: 6vw;
    }
}
