/*Footer BG, Font Size, Color - Start*/
.footerdesgin {
   background: var(--bg-site-footer, #232f3e) ; 
   padding: var(--footerdesginpadding, 30px 0px 0px);
   clear: both;
}
.footerdesgin .footer-bottom{
   background: var(--bg-row-copyright-footer, #232f3e); 
   padding: var(--copyright-footerpadding, 15px 0px 15px);
}
.footerdesgin .footer-social ul li a i {
    background-image: var(--iconfooter) !important;
    background-size: 350px 219px;
    display: inline-block;
    width: 30px;
    height: 30px;
}
.footerdesgin .footer-middle {
    border-top: var(--footermiddleTopBorder, 2px solid #fff);
    border-bottom: var(--footermiddleBottomBorder, 2px solid #fff);
    padding: var(--footermiddlepadding, 20px 0px 30px);
    margin: var(--footermiddlemargin, 0px 0px 30px);
}
.footerdesgin .footer-middle h6 {
    font-size: var(--footermenuheadFsize, 16px);
    font-weight: var(--footermenuheadFweight, 400);
    color: var(--footermenuheadcolor, #fff);
    margin: var(--footermenuheadmargin, 0px 0px 15px);
    padding: var(--footermenuheadpadding, 0px 0px 8px);
    line-height: var(--footermenuheadlineheight, 22px);
    letter-spacing: var(--letter-spacing);
    border-bottom: var(--footermenuheadBborder, 1px solid #dcdcdc);
}
.footerdesgin .footer-middle h6 a{
    font-size: var(--footermenuheadFsize, 16px);
    font-weight: var(--footermenuheadFweight, 400);
    color: var(--footermenuheadcolor, #fff);
}
.footerdesgin .footer-middle ul.ftr-cmpny li {
    font-size: var(--footerULLIFsize, 15px);
    color: var(--footermenuheadcolor, #fff);
    list-style: none;
    text-indent: 0;
    margin-left: 0;
    line-height: 20px;
    margin-bottom: 12px;
    margin-left: 0px;
    display: flex;
}
.footerdesgin .footer-middle ul li a{
    font-size: var(--footermenuFsize, 15px);
    font-weight: var(--footermenuFweight, 400);
    color: var(--footermenuheadcolor, #fff);
    position: relative;
}
.footerdesgin .footer-middle ul.ftr-cmpny li i{
    margin-right: 12px;
    min-width: 26px;
}
.footerdesgin .footer-middle ul li a:hover {
    color: #e9e9e9;
}
.footerdesgin .footer-middle ul.footer-menu li {
    line-height: 20px;
    margin-bottom: 12px;
    position: relative;
}
.footerdesgin .footer-middle ul.footer-menu li a{
    display:block;
}
.footerdesgin .footer-middle ul {
    padding: 0;
    list-style: none;
    margin-left: 0px;
}
.footerdesgin .footer-middle ul li a:after, .footerdesgin .footer-middle ul.ftr-cmpny li a:after {
    width: 0;
    height: 1px;
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    background: #fff;
    transition: all linear .2s;
}
.footerdesgin .footer-middle ul li a:hover:after, .footerdesgin .footer-middle ul.ftr-cmpny li a:hover:after{
    width: 30px;
    transition: all linear .2s;
}
.footerdesgin .footer-social ul li {
    margin-left: 0;
}
.footerdesgin .iosandroidapp {
    display: inline-block;
    width: 33%;
}
.footerdesgin .iosandroidapp img{
    border-radius: 5px;
}
.footerdesgin .footer-last-menu {
    display: flex;
    justify-content: center;
    gap: 5px;
    margin-bottom: 15px;
    margin-left: 0;
}
.footerdesgin .footer-last-menu li a {
    color: var(--copyright-footercolor, #fff);
    font-size: var(--copyright-footermenuFsize, 14px);
}
.footerdesgin .footer-last-menu .qli-pipe {
        margin: 0 5px 2px;
    opacity: 1;
    color: #ffffff;
    font-weight: 600;
}
.footerdesgin .footer-bottom address, .footerdesgin .footer-bottom p, .footerdesgin .footer-bottom a {
    color: var(--copyright-footercolor, #fff );
    font-size: var(--copyright-footerpragraphFsize, 14px);
    margin: 0px;
}
.footerdesgin .footer-middle .lft-br h5, .footerdesgin .footer-middle .lft-br p, .footerdesgin .footer-middle .lft-br p a{
     font-size: var(--footerULLIFsize, 15px);
    color: var(--footermenuheadcolor, #fff);
}
/*Footer BG, Font Size, Color - End*/

.FooterABCompanyWidth {
    width: var(--FooterABCompanyWidth);

}
.FooterRightDetail {
    width: var(--FooterRightDetail);
}
.FooterMenuWidth {
    width: var(--FooterMenuWidth);
}
.FooterContactNewsletterrow {
    width: var(--FooterContactNewsletterrow);
}
.footercompanybrand img {
    width: 30%;
}
.ftrcompanydes {
    margin-top: 32px;
    padding-right: 205px;
    color: var(--footerpragraphcolor);
    font-size: var(--footerpragraphFsize);
}
.footermenuflx {
    display: flex;
    gap: 0px 10px;
    justify-content: space-around;
}
.lft-br {
    border-left: none;
}
.lft-br {
    display: block;
    height: auto;
    padding-left: 15px;
    min-height: auto;
    max-height: 250px;
    width: auto;
}
.lgtgrfftr {
    padding: 0px 15px;
}
.footerapp h4{
    color: #fff;
     font-weight: 400;
}
.footerdesgin .footer-middle ul.ftr-cmpny li i.fa-mobile {
    background-image: var(--iconcommonwhite);
    background-position: -186px 208px;
}
.footerdesgin .footer-middle ul.ftr-cmpny li i.fa-envelope {
    background-position: -536px -12px;
}
.footerdesgin .footer-bottom .container .row {
    border-top: 2px solid #fff;
    padding-top: 25px;
}
.footerdesgin .ftr-cmpny li i.fa.fa-globe {
    background-position: -102px 34px;
    background-size: 354px 218px;
}

















































@media only screen and (min-width:1280px) and (max-width: 1400px) {
    .footermenuflx {
        gap: 0px 0px;
    }
    .newslettermain h5 {
        font-size: 28px;
        }

}


@media only screen and (min-width:1024px) and (max-width: 1280px) {
    .footermenuflx {
        gap: 0px 0px;
    }
    .newslettermain h5 {
        font-size: 28px;
        }
    .footermenupart .lgtgrfftr {
        width: 206px;
    }
    .ftrcompanydes {
    margin-top: 20px;
    padding-right: 8px;
}
    .footercompanybrand img {
    width: 50%;
}
}

@media only screen and (min-width:768px) and (max-width: 1023px) {
.FooterABCompanyWidth {
    width: 100%;
}
.FooterRightDetail {
   width: 100%;
   padding-bottom:30px;
}
.FooterMenuWidth {
    width: 100%;
}
.footermenuflx {
    gap: 20px;
    justify-content: space-between;
    margin-bottom: 20px;
    flex-wrap: wrap;
}
.lft-br {
    border-left: none;
    height: auto;
}
.FooterContactNewsletterrow {
        width: 100%;
}
.lgtgrfftr{
    min-height: auto;
}
.footer-bottom address {
   margin: 0;
   text-align: left !important;
        padding-left: 15px;
}
.footermenupart {
    display: block;
    padding: 0;
}
.footermenupart {
    display: block;
    padding: 0;
}
.footermenupart .lgtgrfftr {
    width: 240px;
}
    footer .footer-bottom address .header-social {
        margin: 0px 0px 0px;
    }
    footer .footer-bottom address {
        text-align: left !important;
    }
    footer .footer-middle h6 {
        font-weight: 400 !important;
    }
}
@media only screen and (min-width:481px) and (max-width: 767px) {
.FooterABCompanyWidth {
    width: 100%;
}
.FooterRightDetail {
   width: 100%;
   padding-bottom:30px;
}
.FooterMenuWidth {
    width: 100%;
}
.footermenuflx {
    gap: 20px;
    justify-content: space-between;
    margin-bottom: 20px;
    flex-wrap: wrap;
}
.lft-br {
    border-left: none;
    height: auto;
}
.FooterContactNewsletterrow {
        width: 100%;
}
.lgtgrfftr{
    min-height: auto;
}
    footer .footer-middle h6 {
        font-weight: 400 !important;
    }
.footer-bottom address {
   margin: 0;
   text-align: left !important;
        padding-left: 15px;
}
.footer-bottom address .header-social {
        margin: 0px 0px 0px;
    }
    footer .footer-bottom address {
        text-align: left !important;
    }
.footermenupart {
    display: block;
    padding: 0;
}
.footermenupart {
    display: block;
    padding: 0;
}
.footermenupart .lgtgrfftr {
        width: 225px;
        display: inline-block;
}
.mainfooter .footer-bottom {
        padding: 0px 0px 0px !important;
    }
.newslettermain {
    padding: 0px 0px 15px;
}
}
@media only screen and (min-width:320px) and (max-width: 480px) {
.FooterABCompanyWidth {
    width: 100%;
}
.FooterRightDetail {
   width: 100%;
   padding-bottom:30px;
   padding:0px 0px;
}
.FooterMenuWidth {
    width: 100%;
}
.footermenuflx {
    gap: 0px;
    justify-content: space-between;
    margin-bottom: 0px;
    flex-wrap: wrap;
}
.lft-br {
    border-left: none;
    height: auto;
}
.FooterContactNewsletterrow {
        width: 100%;
}
.lgtgrfftr{
    min-height: auto;
    width: 170px;
}



    footer {
    padding: 30px 0px 15px;
}
    .mainfooter .footer-bottom {
        padding-bottom: 0 !important;
    }
    .footer-middle.footermenupart {
        padding: 0px 15px 15px;
    }
.mainfooter .footer-bottom {
        padding-bottom: 60px;
}
.footer-bottom address .header-social {
        margin: 0 !important;
        padding: 5px 0px 0px !important;
    }
    .ozonprodftr img {
        width: auto;
    margin: 0px 5px;
    max-width: 100px;
    }
    .mainfooter .logo img {
    width: 100px;
    margin-bottom: 15px;
}
        .footer-middle h6 {
    margin: 22px 0px 15px !important;
}
        .ftrcompanydes {
    padding-right: 0;
}
.footerdesgin .footer-middle ul.footer-menu li {
    margin-bottom: 6px;
}
    .footer-middle ul {
    margin-bottom: 10px;
}
.footercompanybrand {
    width: 100%;
    padding: 0px 0px;
}
.footermenupart {
    width:100%
}
.footermenupart .lgtgrfftr {
    width: 100%;
    display: block;
    float: none;
}
.footermenupart .lgtgrfftr:last-child {
    width: 100%;
}
.footermenupart {
    display: block;
}
.ftrcompanydes {
    margin-top: 10px;
    color: #fff;
    padding-right: 15px;
}
.footerdesgin .ftrcompanydes {
    padding-right: 0px;
}
.footerdesgin .footer-bottom .container .row {
    padding-top: 0px;
}
.footer-bottom .row {
    padding-bottom: 20px;
}
}
@media only screen and (min-width:341px) and (max-width: 360px) {
    .ozonprodftr img {
        width: auto;
    margin: 0px 2px;
    max-width: 112px;
    }
}
@media only screen and (min-width:320px) and (max-width: 340px) {
    .ozonprodftr img {
        width: auto;
            margin: 0px 0px;
    max-width: 100px;
    }
}