/*
Theme Name: Custom Theme
Author: the Custom team
Author URI: https://wordpress.org/
Version: 1.1
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
/* =Layout
-------------------------------------------------------------- */

/*
LAYOUT: Two columns
DESCRIPTION: Custom Template
*/
html body, input, textarea, .page-title span, .pingback a.url {
	font-family: 'Roboto', sans-serif;
}
body {
	background: #fff;
}
body, input, textarea {
	color: #303030;
	font-size: 12px;
	line-height: 18px;
}
img{ max-width:100%; height:auto;}

body .nopad{ padding:0 }
.section{ padding:70px 0; overflow:hidden;}

header{ padding:20px 0;}
.customscroll{ height:300px;}





@media (min-width: 100px) and (max-width: 767px) {

main{ padding:0 15px;}
.logo{ text-align:center;}	
.searchtoggle{ display:none;}
.push-logo{ margin:10px 0;}
.logo img{ max-height:60px; width:auto;}
header .searchform{ display:none;} 
.slider .inner-item {height: 200px;}
.slider .inner-item .caption{ display:none;}
}


@media( min-width: 1650px ) {
    .container { max-width: 100%; width: 1580px; }    
}



table {border-collapse: collapse;width: 100%;border-spacing:0 5px;}
table tr {  }
table tr p { margin: 0; }
table th {padding: 10px;background: #000; color: #fff; text-transform: capitalize; }
table tr:nth-child(even) { background: #f1f1f1; }
table td {padding: 10px; }
table td p {margin: 0;white-space: nowrap;}
table td input { border: none; display: block; outline: none; background: transparent; }
table td input[type='number'] { border: 1px solid #ddd; text-align: center; width: auto; }

#ctable > tbody > tr > td.productprice input[type="text"] {   }


.contact_product {  }
.contact_product .outbox {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.contact_product .outbox select {
    font-size: 15px;
    padding: 0;
    border: 2px solid;
    text-transform: uppercase;
    line-height: initial;
    border-radius: 3px;
}


.deeratnaform { padding: 40px 0 70px; text-align: center; }
.deeratnaform h2 { margin: 0 0 50px; font-weight: 600; }
.cbox > ul {padding: 0; margin: 0; list-style: none; display: flex; column-gap: 20px; padding: 15px; overflow: hidden; }
.cbox > ul:nth-child(odd) { background: #f1f1f1; }
.cbox > ul > li {
    line-height: initial;
    margin: 0;
    width: 10%;
    list-style: none;
    text-align: center;
}

.cbox > ul > li:nth-child(-n+3) {    
    width: 20%;
    text-align: left;
}

.cbox > ul > li p {
    margin: 0;
    line-height: initial;
}
.cbox > ul > li input {display: block; width: 100% !important; border: none; max-width: 100% !important; background: transparent; font-size: 15px; height: auto; padding: 5px 0; line-height: initial; outline: none; text-align: center; } 
.cbox > ul > li input[type="number"] {border: 1px solid #d1d1d1; text-align: center; }

.cbox > ul:first-child { background: #000; }
.cbox > ul:first-child li { text-transform: capitalize; font-size: 16px; font-weight: 600; color: #fff; }

.cbox > ul > li:nth-child(-n+3) input {    
    text-align: left;
}

.myclass {background: #000;color: #fff;border: none;font-size: 15px;text-transform: capitalize;padding: 10px 40px;border-radius: 3px;outline: none;margin: 5% 0 0; text-decoration: none; }