/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Nov 22, 2016, 4:42:47 PM
    Author     : sneha.parpelli
*/

.small-banner{background: url("../../images/contact/B2B-Auction.jpg");background-size: 100% 100%;overflow-x:hidden}
.contactUs-wrapper{min-height:600px;overflow-x: hidden;}
.contactUs-content{position:absolute;top:90px;left:13%;width:85%;overflow:hidden}
.contact-left-section{background:#50d1e3;height:600px;overflow: hidden;}
.contact-right-section{background:#fff;overflow: hidden;}
.contact-address{margin-right:115px}
.contact-address h4{font-size:21px;color:#01bdd6;margin-bottom:10px;font-family:'Francois One',sans-serif}
.contact-address h3{font-size:32px;font-weight:600;color:#575858;margin-top:10px}
.contact-list{list-style:none;display:flex;flex-flow:column;margin:0;padding:0}
.contact-address p{margin-top:20px;color:#848588;font-size:16px}
.contact-list li{list-style:none;display:flex;margin-top:20px;align-items: center;}
.contact-list li span.fa{display:flex;align-items:center;justify-content:center;margin-right:20px;width:40px;height:40px;font-size:18px;flex-shrink:0;background:#012a57;color:#fff;transition:all 0.35s}
.contact-list li h5,.contact-list li a{font-size:16px;font-weight:600;margin-bottom:5px;color:#575858;display:block}
@media only screen and (max-width:767px) and (min-width:240px){
    .contact-left-section{display:none}
    .contactUs-content{position:relative;top:20px;left:0;width:85%;margin:auto}
    .contact-address{margin-right:0}
    .contactUs-wrapper{min-height:680px;padding:25px 0}
    .contact-address h3{font-size:24px}
}