body { font-family: Arial, Helvetica, sans-serif; font-size: 1.28vw; line-height: 2vw; text-align: justify; margin: 0; } a { color:#265B1A } h1, h2, h3 { margin: 0; line-height: 2vw; } h1 { font-size: 1.6vw; text-align: center; } h2 { font-size: 1.5vw; text-align: center; } .classh2 { font-weight: bold; font-size: 1.5vw; } h3 { font-size: 1.4vw; } p { margin: 0.4vw; padding: 0.4vw; } .para { margin: 0.4vw; padding: 0.4vw; } ul { list-style-type: circle; } li { line-height: 2.4vw; text-align: left; } a:visited { color: #1a8203; } .emoji { font-size: 30px; } td, th { padding: 0.4vw; border: 0.1vw solid #265B1A; } .strike { text-decoration: line-through; } .underline { text-decoration: underline; } .bold { font-weight: bold; } .italic { font-style: italic; } .myTable { border-spacing: 0.5vw; width: 100%; text-align: center; border: 0.1vw solid #265B1A; border-collapse: collapse; margin: 1.1vw 0; } .tableHeading { font-weight: 700; background-color: #1a8203; color: #fff; } .tableCellFirst { font-weight: 700; } .myDivTable { float: left; background-color: #1a8203; color: #fff; text-align: center; margin: 1%; padding: 1%; position: relative; font-weight: 700; border-radius: 1vw; } .myDivTable a, .myDivTable a:visited { color: #fff; } .filterButton { border: none; outline: 0; padding: 1vw; margin: 0.5vw; background-color: #1a8203; color: #fff; cursor: pointer; font-weight: 700; border-radius: 1vw; } .filterButton.active, .filterButton:hover { background-color: #265B1A; color: #fff; } .filterDiv{ display: none; } .filterShow { display: table; } .fullWidthColumn { border-radius: 1vw; float: left; width: 98%; border: 0.1vw solid #265B1A; padding: 1%; margin: 1%; box-sizing: border-box; } .oneThirdWidthColumn { border-radius: 1vw; float: left; width: 31.33%; border: 0.1vw solid #265B1A; padding: 1vw; margin: 1%; box-sizing: border-box; } .backgroundColor { background-color: #1a8203; } input:focus { outline: 3px dashed white; } .my-form { color: #fff; font-weight: 700; } .my-form input { width: 98%; box-sizing: border-box; padding: 0.9vw 1.5vw; border: 0.1vw solid #ccc; border-radius: 0.4vw; } .my-form input[type='submit'] { background-color: #265B1A; color: #fff; cursor: pointer; padding: 0.9vw 1.5vw; border: none; border-radius: 0.4vw; } .my-om-form { background-color: #1a8203; padding: 0.5vw; border-radius: 0.4vw; } .my-om-form input { width: 48%; box-sizing: border-box; padding: 1vw; border: 0.1vw solid #ccc; border-radius: 0.4vw; } .my-om-form input[type='submit'] { background-color: #265B1A; color: #fff; cursor: pointer; padding: 1vw 1.5vw; border: none; border-radius: 0.4vw; width: 48%; } .boxImage { display: block; margin-left: auto; margin-right: auto; border-radius: 1.2vw; } .center { text-align: center; } .pfa { font-size: 15vw; padding: 5vw 1vw 7vw 1vw; } .pfaf input { margin-bottom: 15px; } .cb { clear: both; } .topbar { position: fixed; top: 0; width: 97.7vw; background-color: #265B1A; padding: 0.5vw; border-bottom-left-radius: 2.5vw; border-bottom-right-radius: 2.5vw; } .bottombar { position: fixed; bottom: 0; width: 97.7vw; background-color: #265B1A; padding: 0.5vw; border-top-left-radius: 2.5vw; border-top-right-radius: 2.5vw; } #lhc_status_container,#lhc_header{background-color: #265B1A !important;} .dfptl1 {padding-top: 2.2vw} .dfptl2 {padding-top: 1.2vw} .mpptl2 {padding-top: 1.6vw} .mpptl3 {padding-top: 0.9vw} @media only screen and (max-width: 399px) { .boxImage { width: 100%; } } @media only screen and (max-width: 1279px) { .dfptl1 {padding-top: 12.2vw} .dfptl2 {padding-top: 9.2vw} .mpptl2 {padding-top: 9vw} .mpptl3 {padding-top: 5vw} body { font-size: 4.8vw; line-height: 8vw; } h1, h2, h3 { line-height: 7vw; } h1 { font-size: 6vw; } h2 { font-size: 5.5vw; } h3 { font-size: 5vw; } .classh2 { font-size: 5.5vw; } ul { padding-left: 6vw; } li { line-height: 10vw; } td, th { padding: 2.5vw; } .filterButton { padding: 3vw; margin: 2vw; } .filterDiv { height: 33vw; font-size: 4vw; width: 42%; margin: 2%; padding: 2%; border-radius: 2vw; } .myTable { margin: 5vw 0; } .productDiv { height: 33vw; font-size: 4vw; margin: 2%; padding: 2%; border-radius: 2vw; } p { margin: 1vw; padding: 1vw; } .para { margin: 1vw; padding: 1vw; } .fullWidthColumn, .oneThirdWidthColumn { width: 96%; margin: 2%; border-radius: 2vw; } .my-form input { padding: 3vw 4vw; border-radius: 1vw; } .my-form input[type='submit'] { padding: 3vw 4vw; border-radius: 1vw; } .my-om-form { padding: 2.5vw; border-radius: 0.4vw; } .my-om-form input { border-radius: 1vw; padding: 2.5vw; margin-right: 1vw; } .my-om-form input[type='submit'] { padding: 3vw 4vw; border-radius: 1vw; } .oneThirdWidthColumn { padding: 2vw; } .fullWidthTable { padding: 2%; } .boxImage { border-radius: 2.4vw; } .topbar { padding: 1.5vw; width: 95vw; } .bottombar { padding: 1.5vw; width: 95vw; } .mtbar { margin-top: 4vw !important; } .mbbar { margin-bottom: 15vw !important; } li.vendors { line-height: 8vw; margin: 4vw 0; } li.menu { line-height: 8vw; margin: 12vw 0; } } @media only screen and (min-width: 1280px) { .fullWidthTable { padding: 1%; } .productDiv { width: 27.5vw; height: 7.2vw; padding: 1vw; margin: 1vw; } .filterDiv { width: 16%; height: 6vw; } .topRowHeight { height: 28vw; } .bottomRowHeight { height: 32vw; } .mbbar { margin-bottom: 2.5vw !important; } .mtbar { margin-top: 1.5vw !important; } li.vendors { line-height: 1.5vw; margin: 1vw 0; } li.menu { line-height: 3vw; margin: 1vw 0; } } @media only screen and (max-width:767px) { .Get_a_Call_Back_Non_Mobile { display: none } } @media only screen and (min-width:768px) { .Get_a_Call_Back_Mobile { display: none } } .callButton { position: fixed; bottom: 10px; left: 10px; background: #265B1A; color: #fff!important; border-radius: 20px; border: none; padding: 17px; text-align: center; font-weight: bold; cursor: pointer; z-index: 10000; } .cbt { font-size: 12px; } .cbb { font-size: 26px; }