:root {
    --odm-padding-space-top:80px;
    --odm-padding-space-bottom:80px;
    --odm-margin-space-top:80px;
    --odm-margin-space-bottom:80px;
}
.odm-padding-space-top{padding-top:var(--odm-padding-space-top);}
.odm-padding-space-bottom{padding-bottom:var(--odm-padding-space-bottom);}
.odm-margin-space-top{padding-top:var(--odm-margin-space-top);}
.odm-margin-space-bottom{padding-top:var(--odm-margin-space-bottom);}
#banner-odm-all{background:url(../images/contact/download.jpg) no-repeat center top;}
#banner-odm-all .container{height:500px;display: flex;align-items: center;justify-content: center;margin:0 auto;color:#fff}
#banner-odm-all .index-h2 h2{color:#fff}
.get_quote_box{margin:20px 0;text-align:center;display: flex;flex-wrap: wrap;justify-content: center;}
.get_quote_box a{border-radius:50px;padding:15px 25px;font-size:16px;}
.get_quote_box a i:before{transform:translateY(0)}
.get_quote_box a:hover i:before{background-image:url(../images/arrow_outward_24dp_194189.png)}
.get_catalogue{background:var(--logo-color);color:#fff}
.get_catalogue:hover{color:var(--logo-color);background:#fff}
/**/
#download-pdf{background:#e6f2f9}
#download-pdf .index-h2{text-align:left}
.download-desc{display:flex;flex-wrap:wrap;justify-content: space-between;}
.download-desc-p{width: 620px;}
.download-desc-p{line-height:1.5;font-size:18px}
.download-desc-a{width: 340px;}
.download-desc-a a{background: var(--yellow-color);color: #fff;font-size: 18px;padding: 20px 15px;border-radius: 50px;position: relative;display: block;padding-left: 70px;}
.download-desc-a a:before{content:"";display:block;width: 45px;height: 45px;background: #fff url(../images/contact/icon_y.png) no-repeat center;background-size: 25px;border-radius: 50px;position: absolute;left: 10px;top: 7px;}
.download-desc-a a:hover{background:var(--logo-color);}
.download-desc-a a:hover:before{background-image:url(../images/contact/icon_b.png);background-color:transparent;border:1px solid #fff}
/**/
.download-faqs .index-h2{text-align:left}
.download-faqs ul{}
.download-faqs ul li{ margin-bottom: 35px; border: 1px solid #ddd; border-radius: 30px;}
.download-faqs ul li:last-child{ margin-bottom: 0;}
.faqs_h3{ font-size: 20px; font-weight: 600; position: relative; padding: 15px 25px; line-height: 1.3; padding-left: 71px;}
.faqs_h3:before{content:"+";background: var(--logo-color);width: 25px;height: 25px;text-align: center;color: #fff;line-height: 25px;display: block;position: absolute;left: 25px;top: 16px;font-size: 25px;border-radius: 50px;font-weight: bold;padding-left: 2px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.faqs_box{font-size: 18px;line-height: 1.3;padding: 25px;border-bottom-left-radius: 30px;border-bottom-right-radius: 30px;display: none;border-top: 1px solid #ddd;}
.download-faqs ul li.on .faqs_h3:before{content:"-";}
.download-faqs ul li.on .faqs_box{display:block}
/**/
.download-news{background:url(../images/contact/dbg.jpg) no-repeat center top;color:#fff;background-size: cover;}
.download-news .get_quote_box{padding:30px 0}
.download-news .get_quote_box a{background:none;border-color:#fff;color:#fff;border-width: 1px;border-style: solid;}
.download-news .get_quote_box a:hover{background:#fff;color:var(--logo-color)}
.download-news .index-h2 h2{color:#fff;text-align:left}
.download-news-ul{display:flex;flex-wrap:wrap}
.download-news-ul li{width:calc(25% - 15px);margin-right:20px;}
.download-news-ul li:nth-child(4n){margin-right:0}
.download-news-ul li img{width:100%;height:auto;}
.download-news-ul li p{display:block;line-height:1.3;color:#fff;margin-top:15px;font-size:18px}
.download-threee-li{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;margin-top: 35px;}
.download-threee-li p{ display: flex;}
.download-threee-li a{color:#fff;font-size:18px;line-height:1.3;border-radius:50px;padding:15px 25px;background: rgba(0,0,0,0.1) url(../images/contact/icon_b.png) no-repeat 20px center;background-size: auto 30px;padding-left: 63px;}
.download-threee-li a:hover{background-color:var(--yellow-color)}
/*********************************************/
@media(max-width:1800px){
     :root {
    --odm-padding-space-top:70px;
    --odm-padding-space-bottom:70px;
    --odm-margin-space-top:70px;
    --odm-margin-space-bottom:70px;
    }
}
@media(max-width:1700px){
    #banner-odm-all .container{height:600px}
    #banner-odm-all{background-size:100% 600px; }
}
@media(max-width:1600px){
    #banner-odm-all .container{height:550px}
    #banner-odm-all{background-size:100% 550px; }
     :root {
    --odm-padding-space-top:60px;
    --odm-padding-space-bottom:60px;
    --odm-margin-space-top:60px;
    --odm-margin-space-bottom:60px;
    }
}
@media(max-width:1500px){
     #banner-odm-all .container{height:500px}
    #banner-odm-all{background-size:100% 500px; }
}
@media(max-width:1400px){
    #banner-odm-all .container{height:450px}
    #banner-odm-all{background-size:100% 450px; }
     :root {
    --odm-padding-space-top:50px;
    --odm-padding-space-bottom:50px;
    --odm-margin-space-top:50px;
    --odm-margin-space-bottom:50px;
    }
    .download-desc-p{width: calc(100% - 290px - 50px);}
    .download-desc-a{
    width: 290px;
}
       .download-desc-a a{
    font-size: 16px;
    padding: 18px 15px;
    padding-left: 58px;
}
     .download-desc-a a:before{
    width: 40px;
    height: 40px;
    top: 6px;
    left: 10px;
}
.download-threee-li a{font-size:16px}
}
@media(max-width:1300px){
    #banner-odm-all .container{height:400px}
    #banner-odm-all{background-size:100% 400px; }
}
@media(max-width:1200px){
    #banner-odm-all .container{height:auto;padding:60px 0}
    #banner-odm-all{background-size:cover; }
     :root {
    --odm-padding-space-top:40px;
    --odm-padding-space-bottom:40px;
    --odm-margin-space-top:40px;
    --odm-margin-space-bottom:40px;
    }
    .download-threee-li{justify-content:center}
    .download-threee-li p:first-child{margin-right:25px}
    .download-threee-li p:last-child{width:100%;margin-top:15px;justify-content:center}
}
@media(max-width:1100px){
    .download-news-ul li p{font-size:16px}
}
@media(max-width:1000px){
    #banner-odm-all .container{margin: 0 50px;}
    :root {
    --odm-padding-space-top:35px;
    --odm-padding-space-bottom:35px;
    --odm-margin-space-top:35px;
    --odm-margin-space-bottom:35px;
    }
    .faqs_h3{font-size:18px;}
    .faqs_box{font-size:16px;padding: 15px;}
    .download-faqs ul li{margin-bottom:25px}
}
@media(max-width:900px){
    #banner-odm-all .container{margin: 0 40px;}
    .get_quote_box a{padding: 15px 15px; font-size: 14px;}
    .download-desc-p{width:100%;margin-bottom:20px;font-size: 16px;}
    .download-desc-a{width: 290px;display: block;}
    .download-news-ul li{width:calc(25% - 13.33333333px);margin-right:15px;}
    .download-threee-li a{font-size:14px}
}
@media(max-width:800px){
    #banner-odm-all .container{margin: 0 30px;}
   #banner-odm-all .index-h2{margin-bottom:20px}
    :root {
    --odm-padding-space-top:30px;
    --odm-padding-space-bottom:30px;
    --odm-margin-space-top:30px;
    --odm-margin-space-bottom:30px;
    }
    #download-pdf .index-h2{margin-bottom:15px}
    /**/
    .download-news-ul{margin-top:0}
   .download-news-ul li{width:calc(50% - 10px);margin-right:15px;margin-top:25px;}
   .download-news-ul li:nth-child(4n){margin-right:15px}
  .download-news-ul li:nth-child(2n){margin-right:0px}
  .download-news-ul li:nth-child(-n+2){margin-top:0px}
}
@media(max-width:700px){
    #banner-odm-all .container{margin: 0 25px;}
    #banner-odm-all .container{height:auto;padding:50px 0}
    .faqs_h3{
    padding: 15px;
    font-size: 17px;
    padding-left: 50px;
}
    .faqs_h3:before{
    top: 13px;
    left: 15px;
}
    .faqs_box{}
    .download-threee-li p{width:100%;justify-content:center}
    .download-threee-li p:first-child{margin-bottom:15px}
}
@media(max-width:600px){
    .get_quote_box a:last-child{margin-left:15px}
    .get_quote_box a{padding:8px 15px}
    .get_quote_box{margin-top: 0;}
}
@media(max-width:500px){
    #banner-odm-all .container{height:auto;padding:40px 0}
    .get_quote_box a{font-size:12px;}
    .get_quote_box a i:before{width:16px;height:16px;}
    .get_quote_box a:last-child{margin-left:10px}
    .download-threee-li p:first-child{margin-right:0}
    .download-threee-li a{width:300px;}
    .download-threee-li p{width:100%}
}
@media(max-width:400px){
    #banner-odm-all .container{height:auto;padding:30px 0;padding-bottom:20px}
       .get_quote_box a{font-size: 0.7rem;}
}
@media(max-width:359px){
   .get_quote_box{padding:0 5%}
  .get_quote_box a{padding: 8px 15px;font-size: 12px;}  
  .get_quote_box a:last-child{margin-left: 0;margin-top: 10px;}
}