@media only screen and (max-width: 1800px) { }
@media only screen and (max-width: 1680px) { }

@media only screen and (max-width: 1440px) {
    .ci-footer .wrap-inner { max-width: 1024px; }
    
    .dashboardMain .userAddressChange .addressChangeDashbord li { width:calc(100% / 2);}
    .dashboardMain .userAddressChange .addressChangeDashbord.addressChangeDashbordTwoBox li  { width:calc(100% / 1);}
    
    .dashboardMain .userAddressChange .cForm li.addressPhoneBox .row {width: calc(75% - 160px);}
}

@media only screen and (max-width: 1439px) {
    .home-slider .wrap-inner { left:0; margin-left:0;}
    .home-slider h1 { font-size:48px;}
    .home-slider .slides > li { height:540px;}
}

@media only screen and (max-width: 1366px) { }
@media only screen and (max-width: 1365px) {
    .ci-fullwidth.PolicyholderInfoPDFBox .formBox.rowOne .cForm li.col-4 { width:50%;}
    .ci-fullwidth.PolicyholderInfoPDFBox .formBox.rowSeven { width:100%;}
    .ci-fullwidth.PolicyholderInfoPDFBox .formBox.rowEight {width:100%; margin-left:0;}
}
@media only screen and (max-width: 1280px) {
    .dashboardMain .schedulePopup .popupBox { width:calc(100% - 20px); left:10px;}
}

@media only screen and (max-width: 1279px) {
    .ci-footer .wrap-inner { max-width: 1024px; }
    .ci-footer .ci-imgBox { display:none;}
    
    .ci-recognized-by ul li {width: calc(100% / 2);}
    .ci-endorsing-by ul li {width: calc(100% / 2);}
    
    .ci-addAssociation .cForm li.col-4 { width:50%;}
    
    .ci-information-center ul.ci-more-infoVideo li { width:calc(100% / 2);}
    
    .dashboardMain .userAddressChange .cForm li.addressPhoneBox .row {width: calc(100% - 160px);}
    
    
        
}

@media (-webkit-device-pixel-ratio: 1.25) {
    .ci-footer .wrap-inner { max-width: 1024px; }
    .homeQuickFacts { padding:40px;}
    .homeQuickFacts ul li .countBox span.counter-count,
    .homeQuickFacts ul li .countBox span.counter-k { font-size:52px;}
    .homeQuickFacts ul li .count-label { font-size:18px;}  
}


@media only screen and (max-width: 1170px)  {
    .home-slider .wrap-inner .cntBox { width:65%;}
    .ci-registration .reg-box {padding:30px;}
    .ci-registration .policyTypeBox { width:80px;}
    .ci-registration .policyNumberBox { width:calc(100% - 80px);}
    
    .ci-registration .cForm li.col-2.reQuestion { width:100%; margin-bottom: 6px;}
    .ci-registration .cForm li.col-2.reAnswer { width:100%;}
    .ci-registration .reAnswer label { display:none;}
    
    .ci-information-center .info-clarion-homeowners table td { width:160px;}    
    .ci-information-center .info-clarion-homeowners table td.lastTd { width:180px;}
    
    .dashboardMain .userDashbordBox li {width: calc(100% / 2);}
}


@media only screen and (max-width: 1024px)  
{
    ul.textNav li a { font-size:16px;}
    ul.textNav li.menuToggle .customer-sub-menu { right:-165px;}
    ul.textNav li.menuToggle span.active::before,
    ul.textNav li.menuToggle span::before { top:1px;}
    
    .ci-innerBanner h1 { font-size:42px;}
    
    .dashboardMain .userPolicychange .userDashbordBox li { width:calc(100% / 2);}
    .dashboardMain .userPolicychange .userDashbordBox li:last-child { width:100%;}
    
}

@media only screen and (max-width: 1023px) {
    .slideMenu { display:block;}
    ul.textNav { display:none;}
    .slideNavCnt ul.textNav { display:block;}    
    .slideNavCnt ul.textNav li.menuToggle span:before { left: 6px; top: 3px;}
    .slideNavCnt ul.textNav li.menuToggle span.active:before { left: 6px; top: 3px;}
    
    .home-slider .wrap-inner .cntBox { width:100%;}
    .home-slider h1 { font-size: 42px;}
    .home-slider .wrap-inner .cntBox { padding:40px;}
    .home-slider .wrap-inner .cntBox .cnt { text-align:center;}
    .home-slider .btn  { margin:5px 0;}
    
    .ci-registration .wrap-inner {flex-direction: column;}
    .ci-registration .reg-box { width:100%}
    
    .ci-about-us ul li { width:100%;}
    
    .ci-two-col .ci-colRight { padding-left:40px;}
    .ci-two-col .ci-colRight .ci-rightCnt h1 { font-size:32px;}
    
    .ci-recognized-by ul li {width: 100%;}
    .ci-endorsing-by ul li  {width: 100%;}
    
    .ci-getQuote .ci-quoteForm .cForm li.innerTable.three table td { width:100%;}
    
    
    .dashboardMain .userMenu { display:inline-block;}
    .dashboardMain .leftMenu { width:0px; display:none; background:#fff;}
    .dashboardMain .rightCnt { width:100%;}
    .dashboardMain .ci-user-menu ul li a { background:#fff;}

    .dashboardMain .leftMenu.active { width:320px; height: 100%; display:block; position: absolute; z-index: 9999;}
    /*.dashboardMain .rightCnt.active { width:calc(100% - 320px);}*/
    .dashboardMain .rightCnt.active { width:100%;}    
    .dashboardMain .menuOverlay.active { visibility:visible; z-index: 9990;}
    
        
    .dashboardMain .ci-quickpayForm .cForm li.col-3 { width:100%}
    .dashboardMain .ci-quickpayForm .cForm li.col-4 { width:50%}
    
    .ci-product-inner .product-tit h1 {font-size: 42px;}
    .ci-product-inner .product-cnt h2 {font-size: 34px;}
    .ci-our-product ul li { width:calc(100% / 2);}
    
    .ci-contact-us .cntBox,
    .ci-contact-us .mapBox { width:50%;}
    
    .ci-fullwidth.PolicyholderInfoPDFBox .formBox.rowTwo .cForm li.col-3 { width:100%;}
    .ci-fullwidth.PolicyholderInfoPDFBox .formBox.rowFive .cForm li.col-3 { width:50%;}
    .ci-fullwidth.PolicyholderInfoPDFBox .formBox.rowFive .cForm li.col-3.r5 { width:100%;}
    
    .ci-fullwidth.PolicyholderInfoPDFBox .formBox.rowNine .cForm li.radioList { flex-wrap: wrap;}
    .ci-fullwidth.PolicyholderInfoPDFBox .formBox.rowNine .cForm li.radioList .leftCol { width:100%; padding-right:0;}
    .ci-fullwidth.PolicyholderInfoPDFBox .formBox.rowNine .cForm li.radioList .rightCol { max-width:420px; width:100%;}

}

@media only screen and (max-width: 999px)  { }
@media only screen and (max-width: 960px)  { }
@media only screen and (max-width: 959px)  { }

@media only screen and (max-width: 840px) {
    .homeQuickFacts { padding:40px 0}
    .homeQuickFacts ul { flex-wrap: wrap;}
    .homeQuickFacts ul li { width:100%; padding:20px 0}
    
    .homeClarionBroad {background-size: cover; padding:50px 0 20px 0;}
    .homeClarionBroad ul { flex-wrap: wrap;}
    .homeClarionBroad ul li { width:50%; padding: 50px 5px;}
    .homeClarionBroad h2 { margin-bottom:40px;}
    
    .ci-information-center ul.ci-more-infoVideo li { width:100%;}
    
    .ci-information-center .infoCenterTableBox h2 { font-size:24px;}
    .ci-information-center .info-clarion-homeowners table.covrageTab { margin-bottom:0;}
    .ci-information-center .info-clarion-fb table.covrageTab { margin-bottom:0;}
    /* Table */
    .ci-information-center .infoCenterTableBox table thead { display:none;}
    
    .ci-information-center .infoCenterTableBox table tr { display:block; padding:10px 0; margin:10px 0; border:1px solid #ddd;}
    .ci-information-center .infoCenterTableBox table tr.oddRow { background:#f9f9f9;}
    .ci-information-center .infoCenterTableBox table td,
    .ci-information-center .infoCenterTableBox table td.firstTd,
    .ci-information-center .infoCenterTableBox table td.lastTd { width:100%; display:block; border-bottom:0 none; position:relative; padding:8px 15px; font-size:var(--mFonts-size);}
    .ci-information-center .infoCenterTableBox table td:before {content:""attr(data-label)""; width:100%; color:var(--mColor); display: block; margin-bottom: 5px; font-weight:600; font-size:14px;}
    
    .ci-dealerSearchResult .dealerSearchResultTable .firstTr { display:none;}
    .ci-dealerSearchResult .dealerSearchResultTable tr { display:block; padding:10px 0; margin:10px 0; border:1px solid #ddd;}
    .ci-dealerSearchResult .dealerSearchResultTable tr.oddRow { background:#f9f9f9;}
    .ci-dealerSearchResult .dealerSearchResultTable tr td {  width: 100%; display: block; border-bottom: 0 none; position: relative; padding: 8px 15px; font-size: var(--mFonts-size); text-align: left;}
    .ci-dealerSearchResult .dealerSearchResultTable tr td:before {content:""attr(data-label)""; width:100%; color:var(--mColor); display: block; margin-bottom: 5px; font-weight:600; font-size:12px;}
    .ci-dealerSearchResult .dealerSearchResultTable tr td.lastTd:before {content:"Phone";}
    .ci-dealerSearchResult .dealerSearchResultTable tr.lastTr td { padding: 15px 0 25px 0; }
    .ci-dealerSearchResult .dealerSearchResultTable tr.pagers { border:0 none;}
    .ci-dealerSearchResult .dealerSearchResultTable tr.pagers td:before { display:none;}
    
}

@media only screen and (max-width: 840px) {
/*.dashboardMain .rightCnt.active .userDashbordBox li { width:100%;}
.dashboardMain .rightCnt.active .userAddressChange .addressBoxMain .ci-quickpayForm { width:100%;}*/

}

@media only screen and (max-width: 839px) {
    .dashboardMain .schedulePopup .popupBox .cForm li.col-3 { width:100%}
    .dashboardMain .schedulePopup .popupBox .cForm li.col-4 { width:50%}
       
    
    .ci-footer { padding: 30px 0 0 0; position:relative; border-top: 5px solid #00678f; z-index: 0;}
    .ci-footer .wrap-inner {flex-wrap: wrap;}
    .ci-footer .ci-addressBox,
    .ci-footer .ci-menuBox {width: 100%; margin-bottom: 25px; text-align: center;}
    .ci-footer .ci-menuBox { background:#f5f5f5; padding:12px 0; border-radius: 5px;}
    .ci-footer .ci-treadBox { width:100%; padding:0; margin-bottom: 25px; text-align: center;}
    .ci-footer .ci-socialBox { width:100%; text-align: center;}
    .ci-footer .ci-socialBox h4 { display:none;}
    .ci-footer .ci-socialBox ul {justify-content: center; margin-bottom: 20px;}
    
    .siteMapCnt ul li { width:calc(100% / 3);}
}

/*iPad*/
@media only screen and (max-width: 820px) {
    .ci-two-col { padding:0 0 50px 0;}
    .ci-two-col .ci-colLeft { width: calc(100% + 30px); background: #f5f9fb; margin-left: -15px; margin-right: -15px; padding: 15px 10px; margin-bottom:30px;}
    .ci-two-col .ci-colRight { width:100%; padding-left:0;}
    .ci-two-col .ci-colLeft .ci-get-quote-left { display:none;}
    .ci-two-col .ci-colLeft .ci-left-menu ul { flex-direction: unset;}
    .ci-two-col .ci-colLeft .ci-left-menu ul li { width:50%; padding:5px; background:none; margin-bottom:0;}
    .ci-two-col .ci-colLeft .ci-left-menu ul li a { border-right:0 none; background:var(--mColor); border-radius: var(--cFormBorderR); text-align:center; color:var(--white); line-height:normal; padding:14px 15px; display: flex; justify-content: center; align-items: center;}
    .ci-two-col .ci-colLeft .ci-left-menu ul li a:hover { border-right:0 none; background:var(--btnColor-h); color:var(--white); border-radius: var(--cFormBorderR);}
    .ci-two-col .ci-colLeft .ci-left-menu ul li a:before { display:none;}
    .ci-two-col .ci-colLeft .ci-left-menu ul li a:hover:before { display:none;}
    
    .ci-two-col .ci-colRight .ci-rightCnt h1 { text-align:center;}
    .ci-about-us ul { margin-left:0;}
    
    .ci-recognized-by ul li {width: calc(100% / 2);}
    .ci-endorsing-by ul li  {width: calc(100% / 2);}
    .ci-information-center ul.ci-more-infoVideo li { width: calc(100% / 2);}
    
}


@media only screen and (max-width: 768px)  {
    div.scrollBox { margin:130px 0 0 0 !important; height:auto; overflow-y: visible;}
    
    .home-slider .slides > li {height:70vw} /* default css */
    .home-slider .wrap-inner .cntBox { padding:50px 80px;}
    
    .ci-innerBanner h1 { font-size:36px;}
}

@media only screen and (max-width: 767px) {    
    
    .homeProducts ul li { width:33.33%;}
    
    
    .ci-getQuote .ci-quoteForm .cForm li.col-2 { width:100%;}
    .ci-getQuote .ci-quoteForm .cForm .row div.col-2 { width:100%; margin-bottom:8px;}
    .ci-getQuote .ci-quoteForm .cForm .row div.col-2:last-child { margin-bottom:0px;}
    .ci-getQuote .ci-quoteForm .cForm li.col-4 { width:50%;}
    .ci-getQuote .ci-quoteForm .cForm li.innerTable table td { width:100%;}    
    .ci-getQuote .ci-quoteForm .cForm li.col-3 { width:100%;}
    
    .dashbordTbl tr th{display:none;}
    .dashbordTbl, .dashbordTbl tr, .dashbordTbl td, .dashbordTbl td:before { display:block; text-align:left; border:none;}
    .dashbordTbl, .dashbordTbl tr .dashbordTbl td:last-child { border-bottom:none; }
    .dashbordTbl thead { position:absolute;	top:-1000em; left:-1000em; }
    .dashbordTbl tr { border:1px solid #bbb; border-bottom:0 none; margin:0 0 25px; }
    .dashbordTbl tr td:nth-child(1) { border-left:none;}
    .dashbordTbl tr td:last-child { border-right:none; }
    .dashbordTbl tr:last-child .td, .dashbordTbl td { border-bottom:1px solid #bbb; }
    .dashbordTbl td:before { font-weight:500; padding-right:20px; line-height:27px; color:#174471; content:" "attr(data-label)""; font-size: 13px;}
    .dashbordTbl tbody {display:block;}
    .dashbordTbl tr td {padding:5px 15px; width:auto !important; color:var(--titColor)}
    
    .scheduleInfoTable tr.firstTr.evenRow td.firstTd:before { display:none;}
    .scheduleInfoTable tr.firstTr.evenRow td.firstTd table td.firstTd:before { display:block;}
    .scheduleInfoTable tr table tr.evenRow { display:none;}
    .scheduleInfoTable .scheduleInfoTableHide { display:none;}
    .scheduleInfoTable tr.firstTr.evenRow { border:0 none;}
    .scheduleInfoTable tr.firstTr.evenRow td.firstTd { border:0 none; padding:0;}
    .scheduleInfoTable tr.firstTr.evenRow td.firstTd table td.firstTd { border-bottom:1px solid #bbb; padding:5px 15px;}
    .scheduleInfoTable tr.firstTr.oddRow table td.firstTd:before { display:block;}
    
    .documentsTable tr.firstTr.evenRow td.firstTd:before { display:none;}
    .documentsTable tr.firstTr.evenRow td.firstTd table td.firstTd:before { display:block;}
    .documentsTable tr table tr.oddRow { display:none;}
    .documentsTable tr.firstTr.evenRow { border:0 none;}
    .documentsTable tr.firstTr.evenRow td.firstTd { border:0 none; padding:0;}
    .documentsTable tr.firstTr.evenRow td.firstTd table td.firstTd { border-bottom:1px solid #bbb; padding:5px 15px;}
    .documentsTable tr.firstTr.evenRow td.lastTd { text-align:left !important;}
    .documentsTable tr.firstTr.evenRow td.lastTd:before { width:100px; display: inline-block;}
    
    .noticeIssuedTable tr.evenRow { display:none;}
    
    .dashboardMain .userDashbord .sub-div { padding:15px 20px 0 20px;}
    
    .dashboardMenu td {
        display: inline-block;
        float: none;
        width: 25%;
    }
    
    .dashboardMain .userResetPassword .cForm li.col-3,
    .dashboardMain .userResetPassword .cForm li.col-2 { width:100%;}
    
    .addressChangeOpt .cForm li.col-3 { width:100%;}
    .dashboardMain .userAddressChange .addressBoxMain .ci-quickpayForm { width:100%;}
    
    .dashboardMain .userAddressChange .cForm li.addressPhoneBox {flex-wrap: wrap;}
    .dashboardMain .userAddressChange .cForm li.addressPhoneBox label {width: 100%;}
    .dashboardMain .userAddressChange .cForm li.addressPhoneBox .row {width: 100%; margin:0;}
    .dashboardMain .userAddressChange .cForm li.addressPhoneBox .pNumber {width: 55%;}
    
    .dashboardMain .policyUploadDocument .cForm li.col-3 { width:100%;}
    .dashboardMain .userPolicychange .cForm li.col-4.ci-datepicker { width:100%;}
    .dashboardMain .userPolicychange .cForm li.proceedBtn .btn { font-size:14px;  margin:5px 0;}
    
    .dashboardMain .ci-quickpayForm .cForm li.col-2,
    .dashboardMain .ci-quickpayForm .cForm li.col-4 { width:100%}
    
    .ci-our-product ul li { width:calc(100% / 1);}
    
    .ci-contact-us .cntBox,
    .ci-contact-us .mapBox { width:100%;}
    .ci-contact-us .mapBox { padding-left:0;}
    
    .eventList li .eventBox .eventText iframe { width:100%;}
    .eventList li .eventBox .eventTitle h2 { font-size:32px;}
    
    .ci-fullwidth.PolicyholderInfoPDFBox { padding:10px;}
    .ci-fullwidth.PolicyholderInfoPDFBox .formBox .cForm li.col-2,
    .ci-fullwidth.PolicyholderInfoPDFBox .formBox .cForm li.col-3, 
    .ci-fullwidth.PolicyholderInfoPDFBox .formBox .cForm li.col-4,
    .ci-fullwidth.PolicyholderInfoPDFBox .formBox.rowFive .cForm li.col-3,
    .ci-fullwidth.PolicyholderInfoPDFBox .formBox.rowOne .cForm li.col-4  { width:100%;}

}

@media only screen and (max-width: 640px) {
    .ci-login { padding:30px;}
    .ci-login .loginBox { padding:30px;}
}

@media only screen and (max-width: 639px) {
    .ci-registration .cForm li.col-2 { width:100%}
    
    .ci-recognized-by ul { margin-left:0;}
    .ci-recognized-by ul li {width:100%;  padding:8px 0;}
    .ci-recognized-by ul li .cntBox .logos img {height: auto; object-fit: unset;}
    
    .ci-endorsing-by ul { margin-left:0;}
    .ci-endorsing-by ul li {width: 100%; padding:8px 0;}
    
    .ci-information-center ul.ci-more-infoVideo { margin-left:0px;}
    .ci-information-center ul.ci-more-infoVideo li {width: 100%; padding:8px 0;}
    
    .homeProducts ul li { width:50%;}
    
    
    .ci-getQuote .ci-quoteForm .judgementBox .titleBoxs { display:none;}
    .ci-getQuote .ci-quoteForm .judgementBox li .row div:before { display:block;}
    .ci-getQuote .ci-quoteForm .judgementBox li .row div { width:100%; padding:30px 20px 10px 20px;}
    .ci-getQuote .ci-quoteForm .judgementBox li:nth-child(odd) { background:#fff;}
    .ci-getQuote .ci-quoteForm .cForm .ci-datepicker img.ui-datepicker-trigger { bottom: 20px; right: 30px;}
    
    .ci-getQuote .ci-quoteForm .cForm li.radioListOneLine label.mLabel { width:100%;}
    
    .ci-getQuote .ci-quoteForm .cForm li.radioListOneLine table { width:100%;}
    .ci-getQuote .ci-quoteForm .cForm.otharInfoCheckBoxDesignOnleline li table td { display:block;}
    /*.ci-getQuote .ci-quoteForm .cForm li.radioListOneLine  table td { display:block;}*/
    .ci-getQuote .ci-quoteForm .cForm li.oneLine {flex-wrap: wrap;}
    .ci-getQuote .ci-quoteForm .cForm li.oneLine .col { width:100%;}
    .ci-getQuote .ci-quoteForm .cForm li.oneLine .inputOneLineBox{ width:100%; padding-left:0; padding-top:5px;}
    
    .dashboardMain .userAddressChange .addressChangeDashbord li { width:calc(100% / 1);}
    
    .dashboardMain .userPolicychange .userDashbordBox li { width:calc(100% / 1);}
    
    .dashboardMain .policychangeTableBox table tr { display:block; padding:10px 0; margin:10px 0; border:1px solid #ddd;}
    .dashboardMain .policychangeTableBox table tr.addyHead { display:none;}
    .dashboardMain .policychangeTableBox table tr.oddRow { background:#f9f9f9;}
    .dashboardMain .policychangeTableBox table td,
    .dashboardMain .policychangeTableBox table td.firstTd,
    .dashboardMain .policychangeTableBox table td.lastTd { width:100%; display:block; border-bottom:0 none; position:relative; padding:8px 15px; font-size:var(--mFonts-size); text-align:left;}
    .dashboardMain .policychangeTableBox table td:before {content:""attr(data-label)""; width:100%; color:var(--mColor); display: block; margin-bottom: 5px; font-weight:600; font-size:12px;}
    
    .dashboardMain .policychangeTableBox table td.lastTd.insuredValue:before {content:"Insured Value";}
    
    .dashboardMain .schedulePopup .popupBox .cForm li.col-2,
    .dashboardMain .schedulePopup .popupBox .cForm li.col-4 { width:100%}
    
    .ci-dealerSearch .cForm li.col-4 { width:50%;}
    
    .ci-dealerSearchView .cForm li.col-2 { width:100%;}
    
    .siteMapCnt ul li { width:calc(100% / 2);}
}
@media only screen and (max-width: 599px) {
    .dashboardMain .ci-userHeader { flex-wrap: wrap;}
    .dashboardMain .ci-userHeader .userNameBox { padding-left:30px;}
}

@media only screen and (max-width: 480px) {    
    .homeClarionBroad ul li { width:100%; padding: 40px 0px;}
    .homeClarionBroad h2 { margin-bottom:30px;}
    
    .home-slider .wrap-inner .cntBox { padding:40px;}
    .home-slider h1 { font-size: 38px;}
    .home-slider h2 {font-size: 28px;}
    
    .ci-login { padding:20px;}
    .ci-login .loginBox { padding:30px 20px;}
    .ci-login .loginBox .cForm li { padding:0px;}
    .ci-login .loginBox .titleBox h1 { font-size:28px;}
    .ci-login .loginBox .titleBox p { line-height:20px;}
    
    .ci-login .ci-policyNumber { padding:15px !important;}
    .ci-login .ci-policyNumber input[type="text"] { width:100%; margin:8px 0;}
    .ci-login .ci-policyNumber select  { width:109px;/* margin: 0 auto; display: block;*/}
    .ci-login .ci-policyNumber .btn {margin: 0 auto; display: block;}
    .ci-registration { padding:20px 0;}
    
    .dashboardMain .userDashbordBox li { width:100%;}
    
    .addressChangePolicyModify .cForm li.col-2,
    .addressChangePolicyModify .cForm li.col-3 { width:100%;}
    
    .ci-innerBanner { background-attachment: inherit;}
    
    .ci-product-inner .product-tit { padding:0 15px;}
    .ci-product-inner .product-cnt { padding:30px 15px 0 15px;}
    .ci-product-inner .product-tit h1 {font-size: 34px; margin-bottom: 30px;}
    .ci-product-inner .product-cnt h2 {font-size: 26px;}
    
    .pageNotFound .notFoundTit { font-size:122px;}
    .pageNotFound .notFoundCnt h3 { font-size:32px;}
    .pageNotFound.sWrong .notFoundTit { font-size:92px;}
    
}

@media only screen and (max-width: 479px) {
    .ci-addAssociation .cForm li { padding:0;}
    .ci-addAssociation .cForm li.col-2,
    .ci-addAssociation .cForm li.col-4 { width:100%;}
    .ci-addAssociation .cForm li.oneLineLabelBox .ci-inInput { width:auto;}
    .ci-addAssociation .cForm li.address div { width:100%;}
    .ci-addAssociation .cForm li.address div.addressLine1 { padding-right:0; padding-bottom:8px;}
    .ci-addAssociation .cForm li.address div.addressLine2 { padding-left:0;}
    
    .dashboardMain .userAddressChange .cForm li.addressPhoneBox {padding:0;}
    .dashboardMain .userAddressChange .cForm li.addressPhoneBox .pNumber { width:50%;}
    .dashboardMain .userAddressChange .cForm li.addressPhoneBox .emailBox { width:80%;}
    
    .ci-dealerSearch .cForm li.col-2,
    .ci-dealerSearch .cForm li.col-4 { width:100%;}
    
    .siteMapCnt ul li { width:calc(100% / 1);}
    
    .eventList li .eventBox .number { width: 42px; height: 42px; font-size:20px;}
    .eventList li .eventBox .number:before { top:18px}
    .eventList li .eventBox .eventCnt {width: calc(100% - 55px); padding:20px;}    
    .eventList li .eventBox:before {top: 36px; left: 26px;}
    .eventList li .eventBox .eventDate span { margin:-3px 0 0 -20px;}
}

@media only screen and (max-width: 428px)  {
    
    body { padding: 105px 0 0 0 !important;}
    
    .ci-header .ci-logo img {width: 160px; height: 82px;}
}

@media only screen and (max-width: 427px) {
    .ci-two-col .ci-colLeft .ci-left-menu ul li { width:100%;}
}

@media only screen and (max-width: 414px) {
    .ci-login .loginBox .btn-fixed { width: 130px; margin: 0 3px; }
    .ci-registration .reg-box { padding:30px 15px;}
}

@media only screen and (max-width: 410px)  {
    .home-slider .wrap-inner .cntBox { padding:40px 30px;}
    .homeProducts ul li { width:100%;}
    
    .ci-getQuote .ci-quoteForm .cForm li.col-4 { width:100%;}
}

@media only screen and (max-width: 390px) {    
    .slideNav { width:300px;}
}

@media only screen and (max-width: 374px)  { }
@media only screen and (max-width: 360px)  { }
@media only screen and (max-width: 320px)  { }