@media (max-width:768px){
    .ss-style-zigzag,.ss-style-inczigzag,.ss-style-halfcircle{height: 25px!important;}
    svg.clouds,svg.curveUpColor,svg.bigTriangleShadow,svg.bigTriangleColor {height: 50px!important;}
    .ss-style-castle {height: 20px!important;}
    .stamp {height: 10px!important;}
}
@media (max-width:480px){
    .ss-style-zigzag,.ss-style-inczigzag,.ss-style-halfcircle{height: 15px!important;}
    svg.clouds,svg.curveUpColor,svg.bigTriangleShadow,svg.bigTriangleColor {height: 30px!important;}
    .ss-style-castle {height: 12px!important;}
    .stamp {height: 6px!important;}
}
/* Styles for new column div added for color and margin starts */
@media(max-width: 767px)
{   .cl_row .columnData {height: auto !important;}
    .cl_row .columnData .colChild {height: auto !important;}
    #page-wrapper #pageLayoutContent .cl_section .cl_row .columnData .colChild {padding: 10px!important;margin-left: 0!important;margin-right: 0!important;}
    #page-wrapper #pageLayoutContent .cl_section .cl_row{width: 100%!important;}
    div.customElementCss .customElementCss{width: 100%!important;margin-left: 0!important;margin-right: 0!important;padding-left: 0!important;padding-right: 0!important;}
    .cl_section .cl_row_d.container { width: 100%; }
    .cl_body_preview .cl_section.container-fluid{padding-left:0;padding-right:0;}
    .cl_body_preview .cl_section.container-fluid .cl_row_d{padding-left:0;padding-right:0;}
    .cl_body_preview .cl_section.container-fluid, .cl_body_preview .cl_section.container{margin-left:0!important;margin-right:0!important;padding:15px!important;}
    .cl_body_preview .cl_row{margin-left:0!important;margin-right:0!important;padding:0!important;}
    .cl_body_preview .columnData{margin-left:0 !important;margin-right:0 !important;}
    .pageLayoutContent .modal .modal-dialog{width:90%!important;}
}@media(max-width: 767px)
{
    div.textelement_cl .headlines{  
        width: 100%!important;
        margin-left: 0!important;
        margin-right: 0!important;
        padding-left: 0!important;
        padding-right: 0!important;
    }
    .col-xs-12 .textelement_cl .headlines{line-height:normal !important;padding:10px !important;margin:0 !important;}
}
 
@media(max-width: 767px)
{
    div.paragraphelement_cl .styleParagraph{width: 100%!important;margin-left: 0!important;margin-right: 0!important;padding-left: 0!important;padding-right: 0!important;}
    .col-xs-12 .paragraphelement_cl .styleParagraph{line-height:normal !important;padding:10px !important;margin:0 !important;}
}
 
@media(max-width: 767px)
{
    .col-xs-12 .htmlelement_cl{margin-bottom:20px !important;text-align:center !important;}
}
 
@media(max-width: 767px)
{
    .col-xs-12 .buttonelement_cl {margin:10px!important; margin-bottom:20px;text-align:center !important;}
    .col-xs-12 .buttonelement_cl a {width:100% !important;max-width:100% !important;margin: 0 auto !important;}/*#AS-10thDec2019-#2pjab8*/
}
 
@media(max-width: 767px)
{
    div.dividerelement_cl .customElementCss{width: 100%!important;margin-left: 0!important;margin-right: 0!important;padding-left: 0!important;padding-right: 0!important;}
    .dividerelement_cl{ margin-left: 0!important;margin-right: 0!important;padding-left: 0!important;padding-right: 0!important;}
    .col-xs-12 .dividerelement_cl{margin-bottom:20px !important;}
}
 
@media(max-width: 767px)
{
    div.bulletlistelement_cl .customElementCss
    {
        width: 100%!important;
        margin-left: 0!important;
        margin-right: 0!important;
        padding-left: 0!important;
        padding-right: 0!important;
    }
    .col-xs-12 .bulletlistelement_cl{
        margin-bottom:20px !important;text-align:center !important;
    }
}
 
@media(max-width: 767px)
{
    .gmapelement_cl div
    {
        margin-left: 0!important;
        margin-right: 0!important;
        padding-left: 0!important;
        padding-right: 0!important;
    }
    .col-xs-12 .gmapelement_cl{margin-bottom:20px !important;text-align:center !important;}
}
 
@media(max-width: 767px)
{
    .col-xs-12 .imageelement_cl > div{margin:0 !important;}
    .col-xs-12 .imageelement_cl{line-height:normal !important;text-align:center !important;} /* padding:0px !important;margin:0 !important */
    .imageelement_cl img{height: auto !important; max-width: 100%!important;} /* padding:0 !important; */
}
 
@media(max-width: 767px)
{
    div.forminputelement_cl .customElementCss
    {
        width: 100%!important;
        margin-left: 0!important;
        margin-right: 0!important;
        padding-left: 0!important;
        padding-right: 0!important;
    }
    .forminputelement_cl textarea.form-control.formInputField,
    .forminputelement_cl input.form-control.formInputField
    {
        padding-left: 12px!important;
        padding-right: 12px!important;
        padding-top: 15px!important;
        padding-bottom: 15px!important;
    }
    .col-xs-12 .forminputelement_cl .input-wrapper,.col-xs-12 .orderformelement_cl .input-wrapper{width:100% !important;}
    .col-xs-12 .forminputelement_cl,.col-xs-12 .orderformelement_cl,.col-xs-12 .stripeelement_cl{margin:10px !important;}
    .col-xs-12 .forminputelement_cl .elementCustomCSS{margin:0 !important;}
    .col-xs-12 .forminputelement_cl .elementCustomCSS{text-align:center !important;}
}
 
@media(max-width: 767px)
{
    .imagefeatureelement_cl .elementCustomCSS div{padding:0 !important;}
    .imagefeatureelement_cl .elementCustomCSS div img{margin-bottom:10px;}
    .col-xs-12 .imagefeatureelement_cl{margin-bottom:20px !important;text-align:center !important;}
    .col-xs-12 .imagefeatureelement_cl .elementCustomCSS div h2{text-align:center !important;}
    .imagefeatureelement_cl img{height: auto !important; max-width: 100%!important;}
}
 
@media(max-width: 767px)
{
    div.videoelement_cl .fullWidthOverlay
    {
        width: 100%!important;
        margin-left: 0!important;
        margin-right: 0!important;
        padding-left: 0!important;
        padding-right: 0!important;
    }
    .videoelement_cl
    { 
        margin-left: 0!important;
        margin-right: 0!important;
        padding-left: 0!important;
        padding-right: 0!important;
    }
    .mediumWidthOverlay, .halfWidthOverlay{width:100%!important;}
    .videoelement_cl img{padding:0 !important;height: auto !important; max-width: 100%!important;max-height: 100%!important;}
    .videoelement_cl iframe{max-width: 100%!important;max-height: 100%!important;}
}

 
@media(max-width: 767px)
{
    div.videomodalelement_cl .fullWidthOverlay{
        width: 100%!important;
        margin-left: 0!important;
        margin-right: 0!important;
        padding-left: 0!important;
        padding-right: 0!important;
    }
    .videomodalelement_cl
    { 
        margin-left: 0!important;
        margin-right: 0!important;
        padding-left: 0!important;
        padding-right: 0!important;
    }
    .mediumWidthOverlay, .halfWidthOverlay{width:100%!important;}
    .videomodalelement_cl img{padding:0 !important;height: auto !important; max-width: 100%!important;max-height: 100%!important;}
    .videomodalelement_cl iframe{max-width: 100%!important;max-height: 100%!important;}
}
 
@media(max-width: 767px)
{
    div.navigationelement_cl .customElementCss{
        width: 100%!important;
        margin-left: 0!important;
        margin-right: 0!important;
        padding-left: 0!important;
        padding-right: 0!important;
    }
    .navigationelement_cl .navbar-nav>li>a{border-left:none !important;border-right:none !important;/*padding:10px 15px !important;*/}
    .navigationelement_cl .navbar-brand{padding:15px !important;line-height:20px !important;}
    .navbar-center, .navbar-center li{float:none;display:block !important;}
    /* BY #NR @29thAug2018 - added 10px space */
    .navigationelement_cl .navbar-collapse{margin-top:10px;}
    /* #HPS */
    .navigationelement_cl .navbar-brand img{margin-top:0px;}
    .col-xs-12 .navigationelement_cl{margin-top:20px;margin-bottom:0px!important; text-align: center;}
    /* By #NR @02Sept2018 - To resolve navigation alignment issue */
    /*.navigationelement_cl .container-fluid{display:initial !important;padding-right:0!important;} //commented to fix responsive view*/
    .navigationelement_cl .container-fluid{display:block !important;}
    .navigationelement_cl .navbar-brand img{max-height:none;}
    .navigationelement_cl .navbar-nav>li>a{line-height:14px;}
    /* BY #UT @18thOct2018 - navigation centered issue in mobile view */
    body .navigationelement_cl .navbar-default .navbar-collapse{width:auto;}
    .navigationelement_cl ul.customVerticalMenu li ul.internal-menu{max-height:0;overflow:hidden;position:relative;border:0 !important;width:100%;}
    .navigationelement_cl ul.customVerticalMenu li.open > ul.internal-menu{max-height:600px;}
    /* #HS @21stAug2018 Start:Added by hardik + kash for #1005 */
    .navigationelement_cl nav .container-fluid .navbar-header a.navbar-brand img{max-width:calc(100% - 65px)!important;}
    .navigationelement_cl nav .container-fluid .navbar-header a.navbar-brand{padding:0px!important;float:none;width:100%;height:auto;}
    .navigationelement_cl nav .container-fluid .navbar-header{display:flex;flex-flow:row;justify-content:flex-end;align-items:center;text-align:left;min-height: 48px;}
    .navigationelement_cl nav .container-fluid .navbar-header button{margin:0px;float:none;flex:0 0 auto;order:2;}
    .navigationelement_cl nav .container-fluid .navbar-header .navbar-toggle{margin-top:0px!important;}
    /* End */
    .navigationelement_cl .navbar-header {flex: 1;}
    .navigationelement_cl .navMenuSection.open > ul {display: block;}
    .navigationelement_cl .navMenuSection > ul {display:none;}
    /*.navigationelement_cl .navbar .hasNavImg{
        flex-wrap: wrap;
    }
    .navigationelement_cl .navbar-default .hasNavImg .navbar-collapse, 
    .navigationelement_cl .hasNavImg .navbar-header{
        flex: 100%;
    }
    .navigationelement_cl .hasNavImg{
        flex-wrap: wrap;
    }*/
    .navigationelement_cl .navMenuSection > ul{
        display: none;
    }
    .navigationelement_cl .navMenuSection.open > ul{
        display: block;
    }
    .navigationelement_cl .navbar-nav > li > .dropdown-menu > li:last-child > a{
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    .navigationelement_cl .navbar-nav .navOpenIcon, .navigationelement_cl .navbar-nav .navCloseIcon {float: right;}
    .navigationelement_cl .navbar .container-fluid{display:block !important;padding-right: 15px !important;} /*added for the horizontal nav 23-03-2021*/
    .navigationelement_cl .navbar-nav .open .dropdown-menu > li > a { line-height: 1; }
    .navigationelement_cl img{height: auto !important; max-width: 100%!important;}
}
 
@media(max-width: 767px)
{
    div.priceelement_cl .customElementCss{
        width: 100%!important;
        margin-left: 0!important;
        margin-right: 0!important;
        padding-left: 0!important;
        padding-right: 0!important;
    }
    .col-xs-12 .priceelement_cl{margin-bottom:20px !important;text-align:center !important;}
}
 
@media(max-width: 767px)
{
    div.faqblockelement_cl .customElementCss{
        width: 100%!important;
        margin-left: 0!important;
        margin-right: 0!important;
        padding-left: 0!important;
        padding-right: 0!important;
    }
    .col-xs-12 .faqblockelement_cl{margin-bottom:20px !important;text-align:center !important;}
}
 
@media(max-width: 767px)
{
    div.socialelement_cl .customElementCss{
        width: 100%!important;
        margin-left: 0!important;
        margin-right: 0!important;
        padding-left: 0!important;
        padding-right: 0!important;
    }
    .socialelement_cl .socialimage a { margin-left: 0!important; margin-right: 0!important; }
    .col-xs-12 .socialelement_cl .socialimage{text-align:center !important;}
}
 
@media(max-width: 767px)
{
    .timerelement_cl span.days, .timerelement_cl span.hours, .timerelement_cl span.minutes, .timerelement_cl span.seconds{
        font-size: 30px!important;
        /*padding: 7px 11px!important;*/
        padding: 7px 10px!important; /* By #NR @28thSept2018 - Making inline in mobile */
    }
    .timerelement_cl span div {
        font-size: 14px!important;
    }
    .timerelement_cl div .panelContainer > span{
        margin: 5px 5px!important;
    }
    .timerelement_cl .kp_elementEditable.elementCustomCSS.customElementCss {
        margin: 0!important;
        padding: 0!important;
    }
    div.timerelement_cl .customElementCss{
        width: 100%!important;
        margin-left: 0!important;
        margin-right: 0!important;
        padding-left: 0!important;
        padding-right: 0!important;
    }
    .col-xs-12 .timerelement_cl{margin-bottom:20px !important;text-align:center !important;}
}
 
@media(max-width: 767px)
{
    div.fbcommentselement_cl .customElementCss
    {
        width: 100%!important;
        margin-left: 0!important;
        margin-right: 0!important;
        padding-left: 0!important;
        padding-right: 0!important;
    }
    .col-xs-12 .fbcommentselement_cl{margin-bottom:20px !important;text-align:center !important;}
}
 

 
@media(max-width: 767px)
{
    .gearbubbleelement_cl .elementCustomCSS div{padding:0 !important;}
    .gearbubbleelement_cl .elementCustomCSS div img{margin-bottom:10px;}
    .col-xs-12 .gearbubbleelement_cl{margin-bottom:20px !important;text-align:center !important;}
    .col-xs-12 .gearbubbleelement_cl .elementCustomCSS div h2{text-align:center !important;}
    .col-xs-12 .gearbubbleelement_cl img{height: auto !important; max-width: 100%!important;}
}
 
@media(max-width: 767px)
{
    .imagesliderelement_cl img{height: auto !important; max-width: 100%!important;}
}
 
@media(max-width: 767px)
{
    div.navigationelement_cl .customElementCss{
        width: 100%!important;
        margin-left: 0!important;
        margin-right: 0!important;
        padding-left: 0!important;
        padding-right: 0!important;
    }
    .navigationelement_cl .navbar-nav>li>a{border-left:none !important;border-right:none !important;/*padding:10px 15px !important;*/}
    .navigationelement_cl .navbar-brand{padding:15px !important;line-height:20px !important;}
    .navbar-center, .navbar-center li{float:none;display:block !important;}
    /* BY #NR @29thAug2018 - added 10px space */
    .navigationelement_cl .navbar-collapse{margin-top:10px;}
    /* #HPS */
    .navigationelement_cl .navbar-brand img{margin-top:0px;}
    .col-xs-12 .navigationelement_cl{margin-top:20px;margin-bottom:0px!important; text-align: center;}
    /* By #NR @02Sept2018 - To resolve navigation alignment issue */
    /*.navigationelement_cl .container-fluid{display:initial !important;padding-right:0!important;} //commented to fix responsive view*/    
    .navigationelement_cl .container-fluid{display:block !important;}
    .navigationelement_cl .navbar-brand img{max-height:none;}
    .navigationelement_cl .navbar-nav>li>a{line-height:14px;}
    /* BY #UT @18thOct2018 - navigation centered issue in mobile view */
    body .navigationelement_cl .navbar-default .navbar-collapse{width:auto;}
    .navigationelement_cl ul.customVerticalMenu li ul.internal-menu{max-height:0;overflow:hidden;position:relative;border:0 !important;width:100%;}
    .navigationelement_cl ul.customVerticalMenu li.open > ul.internal-menu{max-height:600px;}
    /* #HS @21stAug2018 Start:Added by hardik + kash for #1005 */
    .navigationelement_cl nav .container-fluid .navbar-header a.navbar-brand img{max-width:calc(100% - 65px)!important;}
    .navigationelement_cl nav .container-fluid .navbar-header a.navbar-brand{padding:0px!important;float:none;width:100%;height:auto;}
    .navigationelement_cl nav .container-fluid .navbar-header{display:flex;flex-flow:row;justify-content:flex-end;align-items:center;text-align:left;min-height: 48px;}
    .navigationelement_cl nav .container-fluid .navbar-header button{margin:0px;float:none;flex:0 0 auto;order:2;}
    .navigationelement_cl nav .container-fluid .navbar-header .navbar-toggle{margin-top:0px!important;}
    /* End */
    .navigationelement_cl .navbar-header {flex: 1;}
    .navigationelement_cl .navMenuSection.open > ul {display: block;}
    .navigationelement_cl .navMenuSection > ul {display:none;}
    /*.navigationelement_cl .navbar .hasNavImg{
        flex-wrap: wrap;  
    }   
    .navigationelement_cl .navbar-default .hasNavImg .navbar-collapse,
    .navigationelement_cl .hasNavImg .navbar-header{
        flex: 100%;
    }   
    .navigationelement_cl .hasNavImg{
        flex-wrap: wrap;
    }*/
    .navigationelement_cl .navMenuSection > ul{
        display: none;
    }   
    .navigationelement_cl .navMenuSection.open > ul{
        display: block; 
    }   
    .navigationelement_cl .navbar-nav > li > .dropdown-menu > li:last-child > a{
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    .navigationelement_cl .navbar-nav .navOpenIcon, .navigationelement_cl .navbar-nav .navCloseIcon {float: right;}
    .navigationelement_cl .navbar .container-fluid{display:block !important;padding-right: 15px !important;} /*added for the horizontal nav 23-03-2021*/
    .navigationelement_cl .navbar-nav .open .dropdown-menu > li > a { line-height: 1; }
    .navigationelement_cl img{height: auto !important; max-width: 100%!important;}
}
 

 
@media(max-width: 767px)
{
    .stripeelement_cl .field
    {
        padding-left: 12px!important;
        padding-right: 12px!important;
        padding-top: 15px!important;
        padding-bottom: 15px!important;
    }
    .stripeelement_cl .form-control{height:auto !important;width:100%!important;}
    .stripeelement_cl .field{margin-left: 0!important; margin-right: 0!important; }
    .col-xs-12 .stripeelement_cl{margin:10px !important;}
}
 

 
@media(max-width: 767px)
{
    .iconelement_cl .elementCustomCSS div{padding:0 !important;}
    .iconelement_cl .elementCustomCSS div img{margin-bottom:10px;}
    .iconelement_cl .iconVertical, #pageLayoutContent .iconelement_cl .iconVertical > div { width:auto !important;display: block!important; }
    .iconelement_cl .iconVertical > div{ display: block!important; }
    .iconelement_cl .col-lg-12 { width: 100%!important; text-align: center!important; }
    .iconVertical div+div { width: 100%!important; }
    .col-xs-12 .iconelement_cl{margin-bottom:20px !important;text-align:center !important;}
}
 
@media (max-width:768px){
    .orderformelement_cl .oFContainer{display: block !important;width:100%;}
    .orderformelement_cl .bumpProductImage{padding:0!important;}
    .orderformelement_cl .bumpProductImage img{margin-bottom:10px;}
    .orderformelement_cl .bumpLabelItem span.icon{margin-top: 3%!important;}
    .col-xs-12 .orderformelement_cl .input-wrapper{width:100% !important;}
    .col-xs-12 .orderformelement_cl{margin:10px !important;}
    .col-xs-12 .orderformelement_cl .elementCustomCSS{margin:0 !important;padding:10px!important;text-align:center !important;}
    .orderformelement_cl .two_column {
        width:50% !important;
        float:left !important;
    }

    .orderformelement_cl .mt_20 {
        margin-top:20px !important;
    }
    .orderformelement_cl .mt_10 {
        margin-top:10px !important;
    }
    .orderformelement_cl .mb_20 {
        margin-bottom:20px !important;
    }
    /*.orderformelement_cl .p_right {
        padding-left: 10px !important;
    }
    .orderformelement_cl .p_left {
        padding-right: 10px !important;
    }*/
    .orderformelement_cl .mobp_right{
        padding-right: 0px !important;
    }
    .orderformelement_cl .mobp_left{
        padding-left: 0px !important;
    }
    .orderformelement_cl .tabl_main {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }
    .orderformelement_cl #btnApplyCoupon{
        padding: 6px;
    }
    .orderformelement_cl .couponFld{
        width:70%!important;
        float:left;
    }
    .orderformelement_cl .applyBtnFld{
        width:30%!important;
        float:left;
        padding-left:0%!important;
    }
    .orderformelement_cl .bumpLabelPrice {padding-top:1px!important};
    .orderformelement_cl .form-horizontal .control-label{padding-right:10px;margin-bottom:0;text-align:right;}
    .orderformelement_cl .form-horizontal .custom-radio-checkbox.control-label{padding-top:0;}
    .orderformelement_cl img{height: auto !important; max-width: 100%!important;}
    .orderformelement_cl div.buttonSubTextInline,.orderformelement_cl div.btnSubtext{white-space: normal!important;}
    .orderformelement_cl .elementCustomCSS {white-space: normal;}
}