@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.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)
{
    .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.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)
{
    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)
{
    .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.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.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)
{
    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;}
}