:root {
    --odm-padding-space-top:80px;
    --odm-padding-space-bottom:80px;
    --odm-margin-space-top:80px;
    --odm-margin-space-bottom:80px;
    --green-color:#51970a;
}
.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:#0e7dc2 url(../images/about/banner.jpg) no-repeat center top;position:relative}
#banner-odm-all .container{height: 630px;display: flex;align-items: center;justify-content: left;position:relative;z-index:2;color:#fff}
#banner-odm-all .index-h2 h2{color:#fff}
#banner-odm-all .index-h2{text-align:left;}
/**/
.copytext{cursor:pointer;position:relative}
.copytext.on:after{content:"Copy Success";color:#fff;font-size: 0.6em;background: var(--font-gray);border-radius: 8px;position:absolute;left:50%;margin-left: -40px;width: 80px;text-align:center;padding: 5px 0;top: 24px;z-index: 9;}
.container{display:flex;flex-wrap:wrap}
.contact_form{ background: #d7e7f3; padding: 40px 50px;border-radius: 10px;width: 50%;}
.contact_form .index-h2 h2{ text-align: left;}
.contact_form .index-h2 p{ text-align: left;}
.contact_form_ul{ display: flex;flex-wrap: wrap;}
.contact_form_ul li{ width: calc(50% - 10px);margin-right: 20px;margin-bottom: 25px;}
.contact_form_ul li:nth-child(2n){margin-right:0}
.contact_form_ul li .wpcf7-number,.contact_form_ul li .wpcf7-text{border: 1px solid #ddd;padding: 15px;display: block; width: 100%; border-radius: 50px;}
.contact_form_ul li.textarea{width: 100%;margin-right: 0;}
.contact_form_ul li.submit{width: 100%;margin-bottom: 0;margin-right: 0;width: 100%;text-align:center}
.contact_form_ul li.submit input{ display: block;text-align: center;background: var(--logo-color);color: #fff;border-radius: 50px;font-size: 18px; width: 100%; border: 0;padding: 20px;cursor: pointer;font-weight: 600;}
.contact_form_ul li.textarea textarea{ border: 1px solid #ddd;padding: 15px; display: block;width: 100%;border-radius: 10px;height: 200px;}
.wpcf7 form .wpcf7-response-output{margin-top:0;margin-bottom:0;padding:15px 10px}
.wpcf7-not-valid-tip{padding-top:10px;padding-left:15px}
/**/
.contact_desc{width: calc(50% - 100px);text-align: center;margin-left: 100px;border: 1px solid #ddd;padding: 35px 50px;border-radius: 10px;display: flex;justify-content: center;align-items: center;}
.contact_desc li{ margin-bottom: 25px;}
.contact_desc li:last-child{ margin-bottom: 0;}
.contact_desc i{width: 75px;height: 75px;text-align: center;display: inline-block;color: var(--logo-color);font-size: 35px;line-height: 75px;border-radius: 50px;background: #d7e7f3;}
.contact_desc i:before{background:#000;width:25px;height:25px}
.contact_desc b{display: block;font-size: 18px;margin-top: 15px;margin-bottom: 10px;color: #333;}
.contact_desc p a{color: #555;}
.contact_desc p{font-size: 18px; color: #666;}
/**/
#contact-map{}
#contact-map .index-h2{text-align:left}
#contact-map .container{display: block;}
#contact-map li{width: 735px; line-height: 1.3;font-size: 18px; padding-left: 35px; position: relative;}
#contact-map li:last-child{ width: 400px; float: right; padding-left: 45px;}
#contact-map ul{ display: flex; flex-wrap: wrap; width: 100%;justify-content: space-between;}
#contact-map li i{font-size: 35px;color: var(--logo-color); position: absolute; left: 0; top: -12px;}
#contact-map li i:before{background:var(--logo-color);width:25px;height:25px}
#contact-map li b{color: var(--logo-color);display: block;  margin-bottom: 10px;font-size: 20px;}
#contact-map li p{}
.maps{margin-top: 35px;position:relative}
.maps img{width: 100%; display: block; height: auto; border-radius: 10px;opacity:0.2}
.maps iframe{width:100%;height:100%;position:absolute;left:0;top:0;z-index:9}
/**/
.index-needs li{ font-size: 20px; line-height: 1.3;margin-bottom: 15px;background: url(../images/contact/cion1.png) no-repeat left top; padding-left: 50px; min-height: 30px;}
.index-needs li:nth-child(2){background-image: url(../images/contact/cion2.png); background-position: left 4px;}
.index-needs li:nth-child(3){background-image: url(../images/contact/cion3.png);background-position: left 4px;}
/*********************************************/
.wpcf7 form .wpcf7-response-output{padding:15px;margin:0;margin-top:15px;font-size:16px}
.wpcf7-spinner{display:none}
.wpcf7 form.submitting .wpcf7-spinner{display:inline-block!important;margin:0;margin-top:15px}
/**/
.thank_page{background:#d7e7f3}
.thank_page .index-h2{width:100%}
.thank_content{font-size:20px;line-height:1.8;text-align:center}
.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:12px 25px;font-size:16px;}
.get_quote_box a:last-child{margin-left:25px}
.get_quote_box a i{transform:translateY(-2px)}
.get_quote_box a:hover i:before,.product-lists-ul li p.view a:hover i:before{background-image:url(../images/arrow_outward_24dp_FF7A01_FILL0_wght400_GRAD0_opsz24.png)}
.get_quote{background:var(--yellow-color);border:1px solid var(--yellow-color);color:#fff}
.get_quote:hover{background:none;color:var(--yellow-color)}
.get_catalogue{border:1px solid var(--logo-color);color:var(--logo-color)}
.get_catalogue i:before,.add-to-catalogue i:before{background-image:url(../images/arrow_outward_24dp_194189.png)}
.get_catalogue:hover{background:var(--logo-color);color:#fff}
.get_quote_box a.get_catalogue:hover i:before,.product-lists-ul li p.view a.add-to-catalogue:hover i:before{background-image:url(../images/arrow_outward_24dp_FFFFFF.png)}
@media(max-width:1800px){
    #banner-odm-all .container{height:600px}
    :root {
    --odm-padding-space-top:70px;
    --odm-padding-space-bottom:70px;
    --odm-margin-space-top:70px;
    --odm-margin-space-bottom:70px;
     }
    .contact_form{width:50%;}
    .contact_desc{width:calc(50% - 80px);margin-left:80px} 
}
@media(max-width:1700px){
     #banner-odm-all .container{height:550px}
         .contact_form{width:50%;}
    .contact_desc{width:calc(50% - 70px);margin-left:70px} 
}
@media(max-width:1600px){
    #banner-odm-all .container{height:500px}
        :root {
    --odm-padding-space-top:60px;
    --odm-padding-space-bottom:60px;
    --odm-margin-space-top:60px;
    --odm-margin-space-bottom:60px;
     }
     /**/
    .contact_form{width:55%;}
    .contact_desc{width:calc(45% - 60px);margin-left:60px} 
}
@media(max-width:1500px){
    #banner-odm-all .container{height:450px}
}
@media(max-width:1400px){
    #banner-odm-all .container{height:400px}
     :root {
    --odm-padding-space-top:50px;
    --odm-padding-space-bottom:50px;
    --odm-margin-space-top:50px;
    --odm-margin-space-bottom:50px;
     }
}
@media(max-width:1300px){
    #banner-odm-all .container{height:350px}
    .contact_form .index-h2 h2{margin-top:0}
    .contact_form{padding:35px}
    .contact_desc i{width:65px;height:65px;line-height:65px}
    #contact-map li{width:100%}
    #contact-map li:last-child{width:100%;margin-top:15px}
}
@media(max-width:1200px){
    #banner-odm-all .container{height:300px}
        :root {
    --odm-padding-space-top:40px;
    --odm-padding-space-bottom:40px;
    --odm-margin-space-top:40px;
    --odm-margin-space-bottom:40px;
     }
}
@media(max-width:1100px){
    .contact_form{padding:25px}
    .contact_form{width:60%;}
    .contact_desc{width:calc(40% - 30px);margin-left:30px} 
}
@media(max-width:1000px){
    :root {
    --odm-padding-space-top:35px;
    --odm-padding-space-bottom:35px;
    --odm-margin-space-top:35px;
    --odm-margin-space-bottom:35px;
     }
}
@media(max-width:900px){
    .index-needs li{font-size:18px;margin-bottom:10px}
    .index-needs ul{width:480px}
    .index-needs .container{margin-right:0}
     .get_quote_box a{padding: 10px 15px; font-size: 14px;}
     .thank_content{font-size:18px;}
}
@media(max-width:800px){
     :root {
    --odm-padding-space-top:30px;
    --odm-padding-space-bottom:30px;
    --odm-margin-space-top:30px;
    --odm-margin-space-bottom:30px;
     }
     .contact_form{width:100%;}
     .contact_desc{width:100%;margin-left:0;margin-top:25px;padding:25px}
     .contact_desc ul{display:flex;flex-wrap:wrap;}
     .contact_desc ul li{width:50%;text-align:center}
}
@media(max-width:700px){
    #contact-map li b{font-size:18px}
    #contact-map li{font-size:16px}
    .maps{margin-top:25px}
}
@media(max-width:600px){
    .contact_form_ul li{width:100%;margin-right:0;margin-bottom:15px}
    .contact_desc b{font-size:16px;}
    .contact_desc p{font-size:15px}
    .index-needs li{font-size:16px;margin-bottom:10px}
    .index-needs ul{width:80%}
     .get_quote_box a:last-child{margin-left:15px}
     .get_quote_box a{padding:8px 15px}
         .thank_content{font-size:16px;}
}
@media(max-width:500px){
    
}
@media(max-width:400px){
    .contact_form_ul li.submit input{font-size:16px;}
    .contact_form_ul li.textarea textarea{height:150px;line-height:1.32}
    .contact_desc ul li{width:100%;text-align:center}
    .get_quote_box a:last-child{margin-left:10px}
    .get_quote_box a{padding:8px 10px}
    .thank_page .container{margin:0 15px}
    .get_quote_box a{font-size:14px}
}
@media(max-width:359px){
       .get_quote_box a{font-size:12px} 
}