button.close { float: right !important; font-size: 37px; line-height: 28px; } body .modal-header { display: unset; padding: 30px 10px 0px 10px; } h2.com-title { max-width: 80%; } h4.modal-title { font-size: 17px; font-weight: 600; } h2.com-title { font-weight: 700; font-size: 22px; text-align: left; color: #000000; } h4.modal-title { text-align: center; text-transform: uppercase; font-size: 18px; font-weight: 600; margin-top: 20px; display: block; color: #201e1e; } .modal-content { background: #f2f2f2; border: unset; border-radius: 20px; padding: 0 10px 0 10px; } .modal-header { border: unset; } input#inquiry_popup_btn { margin-top: 12px; width: 50%; background: #e22723; border: unset; } #contactSupplierModal .form-group i { width: 13%; float: left; font-size: 20px; background: #fff; height: 43px; padding: 8px; padding-top: 12px; } #contactSupplierModal .form-group input { width: 100%; float: left; height: 43px; overflow: hidden; float: initial; padding-left: 40px; } #contactSupplierModal label.agree input { width: unset; } div#inq_cap_img img { max-width: 100%; height: 43px; } .col-md-12.form-group.cent input { width: 102% !important; margin: auto; text-align: center; display: inherit; margin-top: 30px !important; float: unset !important; margin-bottom: 0 !important; text-align: center !important; } label.agree { display: inline-block; position: relative; } label.agree span { position: relative; top: -15px; padding: 0 0 0 10px; font-size: 15px; } #contactSupplierModal .form-control { padding: 10px 10px;} input#inquiry_popup_btn { float: left !important; width: unset; text-align: left; } div#inq_cap_img { top: 0; } #form1 .form-group { display: flex; align-items: center; margin: 10px 0px; } .form-group img.img-fluid { position: absolute; margin-left: 10px !important; } .my_contact_us button.btn.btn-primary.vertical-text { border-color: #000000 !important; } #form1 .form-group img.img-fluid { margin-top: 0px !important; } .form-group.txt-msg { position: relative !IMPORTANT; } .form-group.txt-msg img.img-fluid { top: 15px !IMPORTANT; } .form-group.txt-msg textarea#inquiry_message { padding-left: 40px; resize: none; } div#inq_cap_img img { margin-left: 20px !important; } .form-group.cent button#inquiry_popup_btn { width: 100%; margin-top: 10px; } @media (max-width: 992px) { h2.com-title { font-size: 14px !important; } h4.modal-title { font-size: 13px !important; margin-top: 15px !important; } #contactSupplierModal .form-control { font-size: 12px !important; } label.agree span { font-size: 10px !important; } div#inq_cap_img img { margin: 0 !important; height: auto !important; } }



 /*<!--New Modal CSS-->*/
    
   
        
        section.custom-contact-modal-section .modal-header {
            padding: 10px !important;
            background: #e6e4e461;
            position: relative;
        }
        
        section.custom-contact-modal-section .modal-content{
            padding: 20px;
            border-radius: 0px !important;
            background:#fff !important;
        }
        
        section.custom-contact-modal-section .modal-header h2.com-title {
            color: var(--h-color) !important;
            font-weight: 800;
            text-align: left !important;
            padding-left: 30px;
        }
    
        section.custom-contact-modal-section button.close {
            border-radius: 30%;
            font-size: 30px;
            background: var(--h-color);
            color: var(--color2);
            border: var(--color2);
        }
        
        section.custom-contact-modal-section .modal-header:before {
            position: absolute;
            top: -5px;
            left: 0;
            right: 0;
            bottom: auto;
            height: 1px;
            width: 100%;
            background-color: #00000040;
            margin: auto;
            content: "";
        }
    
        section.custom-contact-modal-section .modal-header:after {
            position: absolute;
            top: auto;
            left: 0;
            right: 0;
            bottom: -5px;
            height: 1px;
            width: 100%;
            background-color: #00000040;
            margin: auto;
            content: "";
        }
        
        section.custom-contact-modal-section #contactSupplierModal .form-group input.form-control {
            border: 1px solid #ccc!important;
        }
        
        section.custom-contact-modal-section #contactSupplierModal .form-group input::placeholder {
           font-size:14px;
           font-weight:600;
        }
        section.custom-contact-modal-section #contactSupplierModal .form-group textarea {
           border: 1px solid #ccc!important;
        }
        
        section.custom-contact-modal-section #contactSupplierModal .form-group textarea::placeholder {
           font-size:14px;
           font-weight:600;
        }
        
        section.custom-contact-modal-section #contactSupplierModal div#inq_cap_img img {
            margin: 0 !important;
             border: 1px solid #ccc!important;
            text-align: left;
        }
        
        section.custom-contact-modal-section #contactSupplierModal .my-form form  {
            padding: 15px 20px;
            background: #fff;
            border-radius: 10px;
            box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
        }
        
        section.custom-contact-modal-section .modal-content .modal-contact-img {
            position: relative;
            height: 400px;
        }
        
        section.custom-contact-modal-section .modal-content .modal-contact-img img {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            margin: auto;
            height: 100%;
            object-fit: contain;
        }
        
        section.custom-contact-modal-section .modal-content .modal-contact-txt p {
            font-size: 16px;
        }
        
        section.custom-contact-modal-section .modal-content .modal-contact-txt p strong {
            color: var(--h-color);
        }
        
        @media (max-width:767px){
            
            section.custom-contact-modal-section .modal-content .modal-contact-img{
                display:none;
            }
            
             section.custom-contact-modal-section .modal-content .modal-contact-txt{
                display:none;
            }
            
            section.custom-contact-modal-section .modal-content {
                padding: 10px;
            }
            
            section.custom-contact-modal-section #contactSupplierModal .my-form form {
                padding: 10px;
            }
        }
        
        
        @media (min-width:768px) and (max-width:992px){
            
            section.custom-contact-modal-section .modal-content .modal-contact-img {
                height: 250px;
            }
            
            section.custom-contact-modal-section #contactSupplierModal .my-form form {
                padding: 10px;
            }
            
            section.custom-contact-modal-section .modal-content {
                padding: 10px;
            }
            
            section.custom-contact-modal-section #contactSupplierModal .form-group input.form-control {
                height: 35px;
            }
            
            section.custom-contact-modal-section #contactSupplierModal #form1 .form-group {
                margin: 5px 0px;
            }
            
            section.custom-contact-modal-section .modal-content .modal-contact-txt p {
                font-size: 14px;
            }
           
        }