/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
ul, p{margin: 0; padding: 0;}
ul li{list-style: none;}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body{font-family: 'Bree Serif', serif;/*  background: url(../img/web/CDB-Web_Home.jpg) no-repeat; opacity: 0.5; */}
.headerContainerWrapper{	-webkit-transition: top 1s ease;
	-moz-transition: top 1s ease;
	-o-transition: top 1s ease;
	transition: top 1s ease;}
.header_top{width: 90%; /* margin: 36px auto 7px; */ margin: 0 auto; padding: 13px 0  7px;}
.header_top, .tophead{/* background: #272727; */}
.menuhead{position: absolute !important; top: 0; z-index:120;}
.logo{text-align: center; display: inline-block; transition: all 0.3s ease 0s; position: relative; z-index: 999;}
.logo a{outline: none;}
.logo img{width: 100%;}
.searbtn{clear: both;}
.searbtn .sbtn{ border: none; background: none; background: url(../img/search-btn.png) right center no-repeat; float: right;  padding: 10px 0; width: 30%; color: #fff;}
.menu{float: right; margin-top: 32px;}
/*Menu*/
#nav{ }

#nav li { position: relative;  }
    /* first level */
#nav > ul {  }
#nav > ul > li {  float: left; }
#nav ul li a{ display: block; font-size: 12.5px; text-transform: uppercase; color: #ffffff; font-weight: 400;  padding: 8px 12px;  text-shadow: 2px 2px #000;}
#nav ul li:last-child a{ border:1px solid #ee2028;}
#nav ul li a:hover{ border-bottom:1px solid #ee2028; padding: 8px 11px; text-decoration: none;}
/* second level */
#nav li ul { display: none; position: absolute ;}
#nav li:hover ul { display: block; }
/*Slider*/
.slidcod{background: url(../img/slider-bg.jpg); background-size: cover; /*margin-top: -113px;*/}
#prev4{ background: url(../img/left-arrow1.png) left center no-repeat;  /* -webkit-transition: margin-right 0.5s, background-position 0.5s, opacity 0.2s; 
     transition: margin-right 0.5s, background-position 0.5s, opacity 0.2s; */}  
#next4{ background: url(../img/right-arrow1.png) right center no-repeat;    /*   -webkit-transition: margin-right 0.5s, background-position 0.5s, opacity 0.2s; 
     transition: margin-right 0.5s, background-position 0.5s, opacity 0.2s; */ }

/*End Slider*/

.hm_product{width: 85%; margin:-60px auto 0; position: relative; z-index: 120;}
.hm_prdt{background: #d2d3d5; text-align: center;}
.hm_prdt h4{ margin: 0; color: #fff; letter-spacing: 4px; font-size: 20px; padding: 26px 25px 4px;  display: inline-block; transition: 1s ease-in-out; -webkit-transition: 1s ease-in-out;  -moz-transition: 1s ease-in-out; -o-transition: 1s ease-in-out;}
.prod_list{position: relative; height: 348px; overflow: hidden; cursor: pointer;}
.prod_cld{margin-top: 40px; margin-bottom: 33px;}
.prod_hidd{ position: absolute; top: 420px; left:0; overflow: hidden; height: 348px; width: 100%; }
.prod_hidd p{ font-size: 16px; text-align: center; padding: 0 2%; margin-top: 30px; font-family: lato;}
.prod_list:hover .prod_hidd{ top: 40px;   
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -webkit-transition: all 300ms ease-out;
    transition: all 300ms ease-out; }
.hm_product .red_padding{ padding-left: 7px;  padding-right: 15px;}
/* .hm_product .red_padding:nth-child(2), .hm_product .red_padding:nth-child(3){padding-left: 0;}
.hm_product .red_padding:nth-child(3){ padding-right: 0;} */
.hm_product .red_padding:last-child{padding-right: 0;}
.hm_product .red_padding:first-child{padding-left: 0;}

.hm_range_produc{ margin-top: 14px; background: #000;}
.hm_ranprod{width: 85%; margin: auto ; }
.rang_pro_tit{text-align: center; }
.rang_pro_tit h4{display: inline-block; color: #fff; font-size: 30px; letter-spacing: 4px; margin: 0; padding: 16px 6.5%; border-bottom: 1px solid #ed1c24;transition: 1s ease-in-out; -webkit-transition: 1s ease-in-out;  -moz-transition: 1s ease-in-out; -o-transition: 1s ease-in-out; }
.hm_bev{position: relative; margin-top: 42px; overflow: hidden;}
.hmbe_tit{position: absolute; top: 20px;  text-align: center; width: 100%; z-index: 100;}
.hm_bev img{width: 100%;  }
.hm_bev img:hover{ transform: scale(1.1); transition: all 800ms ease-out 0s;}
.hmbe_tit h6{ display: inline-block; border-bottom: 1px solid #ed1c24; min-width: 67%; color: #ed1c24; font-size: 20px; letter-spacing: 2px; padding-bottom: 10px;}
.hm_mun{ margin-top: 13px;}
.hmbr_prd{padding-bottom: 63px;}

.hm_about{ background: url(../img/about-bg.jpg) left bottom no-repeat; background-size:cover;  min-height: 1080px; }
.hmabt_cont{ width:55.6%; margin: auto;}
.abt_hmtit{ text-align: center; margin-top: 60px; border-bottom: 1px solid #ed1c24;}
.abt_hmtit h3{margin: 0; display: inline-block; color: #ed1c24; font-size: 30px; letter-spacing: 4px; padding-bottom: 14px;}
.hmabt_des{text-align: center; margin-bottom: 40px;}
.hmabt_des h6{ margin: 0; font-size: 25px; color:#222222; font-family: lato; font-weight: 400; padding: 15px 0 20px;}
.hmabt_des p{font-size: 20px; font-family: lato; font-weight: 400; color: #222222; padding:10px 0 0; margin: 0;}

.hm_connect{background: #8c8c8c;}
.hm_connect:hover .rantit {border: 1px solid #000;}
.hmconnect{/* width:62%; */ width: 70%; margin: auto; }
.hmcont_add{text-align: center; margin-top: 80px;}
.hmcont_add h3{ margin:0; font-size: 30px; letter-spacing: 6px; font-weight: 400; display: inline-block; padding-bottom: 15px; border-bottom: 1px solid #ed1c24; color:#ed1c24; width:82.7%;  }
.conadd{ margin-top: 100px; width: 100%; text-align: center;}
.codsec{margin-top: 60px;  margin-bottom: 80px;}
.conadd p{padding: 0 10px; margin: 0; font-size: 20px; font-family: lato; text-transform: uppercase; color: #000 !important; line-height: 30px; font-weight:500; letter-spacing: 1px;}
.conadd  h6{ font-size: 35px; color: #000000; font-family: lato; font-weight: 900; letter-spacing: 1px; margin: 0;}
.conadd p:last-child{text-transform: lowercase; letter-spacing: 0; line-height: 25px;}
.conadd  a, .conadd a:focus{outline:none !important; text-decoration: none; display: block;  padding: 10px 10px 0; margin: 0; font-size: 18px; font-family: lato; text-transform: uppercase; color: #000; line-height: 30px; font-weight:400; transition:all 300ms ease-out 0s; -webkit-transition:all 300ms ease-out 0s; -moz-transition:all 300ms ease-out 0s;}
.conadd  a:hover  {color: #ed1c24; text-decoration: none; transition:all 300ms ease-out 0s; -webkit-transition:all 300ms ease-out 0s; -moz-transition:all 300ms ease-out 0s; outline:none;}

/*Footer*/
.footer_content{background: #000000; border-bottom: 15px solid #ee1c24;}
.foot_foll{ text-align: center;}
.social_icons{ margin-top: 45px;}
.social_icons h4{ margin: 0; font-size:25px; font-weight: 300; font-family: lato; color: #fff; letter-spacing: 4px;}
.social_icons ul{display: inline-block; margin-top: 25px;  margin-bottom: 0;}
.social_icons ul li{float: left; padding-right: 17px; }
.social_icons ul li a{display: block; width: 30px; height: 30px; text-indent: -3000px; background: url(../img/social-icon.png) no-repeat; outline: none;}
.social_icons ul li:nth-child(1) a{background-position: left top;}
.social_icons ul li:nth-child(2) a{background-position: -46px top;}
.social_icons ul li:nth-child(3) a{background-position: -92px top; width: 40px;}

.social_icons ul li:nth-child(1) a:hover{background-position: left bottom;}
.social_icons ul li:nth-child(2) a:hover{background-position: -46px bottom;}
.social_icons ul li:nth-child(3) a:hover{background-position: -92px bottom; width: 40px;}
.footer_menu{ display: inline-block; margin-top: 0px;}
.footer_menu ul{ margin-bottom: 0; }
.footer_menu ul li{float: left; background: url(../img/footer-menu-line.png) right center no-repeat;}
.footer_menu ul li:last-child{background: none;}
.footer_menu ul li a{color: #999999; font-family: lato; font-size: 15px; padding: 0 15px; text-transform: uppercase; outline: none; transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease;}
.footer_menu ul li a:hover{color: #fff; text-decoration: none; transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease;}
.footer_menu p{color: #8c8c8c; font-family: lato; font-size: 9px;  padding-top: 14px; }
.footer_menu ul .selected a{color: #fff;}
/****************************************************************************************************************************/

/*Coffee Machine*/
.innermenu, .innermenu1{ position: static !important; background: #000;}
.tophead .innermenu1{background: #000;}
.inner_banner{}
.inner_banner img{ width: 100%;}
.innermenu .header_top{}

.machine_product{ padding-top: 15px; clear: both; padding-bottom: 20px;}
.mach_prod{width: 71%; margin: 0 auto;  padding: 0; text-align: center;}
.mach_proddes{  vertical-align: middle; padding-left: 0; line-height: 25px; padding-top: 35px; padding: 35px 0 45px 0;}
.mach_proddes h4{ width: 80%; margin:0; font-size: 35px; letter-spacing: 6px; font-weight: 400;  padding-bottom: 5px; border-bottom: 1px solid #ed1c24; color:#ed1c24;    }
.mach_proddes p{font-size: 16px; color:#000; font-weight: 400;font-family: lato; margin: 0; margin-top: 0px; text-align: -webkit-left;}
.mach_proddes p:last-child{margin-top: 0px;  }

.produc_higlight{clear: both; }
.mach_prodhl{ position: relative; min-height:815px; margin-top: 100px; text-align: center;}
.prodmech_hl{ position: absolute; bottom:0; right: 0;/*  width: 88%; */ width: 70%; top: 0;}
.prodmech_hl img{width: 100%;}
.prodcont_hl{ width: 25%; margin: auto; /* padding-right: 35%; */ padding-top:1.1%; position: relative; z-index: 2; top: 0; right: 10%;}
.prd_hl{}
.prd_hl h4{text-align: right;  margin:0; font-size: 25px; line-height: 60px; letter-spacing: 6px; font-weight: 400;  padding-bottom: 5px; background: #000; text-align: center; border: 1px solid #ed1c24; border-bottom: 0; color:#fff;transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease;    }
.prd_hl ul{ padding-top: 10px;}
.prd_hl ul li{text-align: center; font-size: 18px; color:#000; font-weight: 400;font-family: lato; margin: 0; line-height: 28px; }
/* .prd_hl ul li span{background: url(../img/dot.text) center center no-repeat; width: 3px; height: 3px; display: block;} */
.mach_tech{ margin-top: 140px; margin-bottom: 80px;}
.machtech_des{vertical-align: bottom; padding-left: 0; height: 514px; display: table-cell; text-align: center; width: 310px;}
.machtech_des h4{; text-align: right;  margin:0; font-size: 25px; line-height: 22px; padding: 10px 0 12px; letter-spacing: 6px; font-weight: 400;  background: #000;  text-align: center; color:#fff; width: 100%; transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease;}
.prodsutit_list{background: #000; border: 1px solid #ed1c24; border-bottom: 1px solid #000;}
.prodmaccond:hover .prodsutit_list{border: 1px solid #000;}

.prodmaccond:hover  .prodsutit_list h4{color: #ed1c24;}
.prodsutit_list h4{ border: none; background: none;}
.machtech_des h4:hover, .prd_hl h4:hover{ color:#ed1c24; transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease;}
.metech{}
.metech .promech{ /* margin-right: 40px; */}
.promech{display: inline-block;}
.promech img{width: 100%;}
.machtech_des ul{}
.machtech_des ul li{text-align: center; font-size: 18px; color:#000; font-weight: 400;font-family: lato; margin: 0; line-height: 30px; }
.mach_proddes ul li span{font-weight: 700;}
.innprod{ margin-top: 0; margin-bottom: -30px;}
.inncont{ margin-top: -30px;}
.inntop{margin-top: 10px;}
.down_bro{margin-top: 60px; text-align: center; /* display: inline-block; */ float: left; margin-left: 16px;}
.down_bro a{ line-height: 50px; background:#797979;font-family: lato; font-size: 18px; display: block; text-align: center; color:#000; padding: 0 34px; border: 2px solid #ed1c24;  transition:all 800ms ease-out 0s; -webkit-transition:all 800ms ease-out 0s; -moz-transition:all 800ms ease-out 0s; -0-transition:all 800ms ease-out 0s; -ms-transition:all 800ms ease-out 0s;}
.down_bro a:focus{color: #000; text-decoration: none;}
.down_bro a:hover{color:#fff; text-decoration: none; background: #000; transition:all 800ms ease-out 0s; -webkit-transition:all 800ms ease-out 0s; -moz-transition:all 800ms ease-out 0s; -0-transition:all 800ms ease-out 0s; -ms-transition:all 800ms ease-out 0s;}
.svg-wrapper .shape:hover h4{color: #ed1c24;}
/********************************************************************************************************************************************/

/* Product Page */
.tophead .productmenu{ position:static !important; background:#262626;  }
.product_header_top{ margin:10px auto 7px; }
.product_sec{ margin-bottom:40px; }
.our_pro{ margin:36px 0 0px; background: #000000; border: 1px solid #ed1c24; border-bottom: 0; }
.our_pro h4{line-height: 50px; border-bottom: 0;}
.product_img img{ width:100%; }
.indivi_product{ position:relative; overflow:hidden; }
.product_cont{ position:absolute; z-index:100; top:37%; text-align:center; width:100%; color:#fff; text-transform:uppercase; }
.product_cont h2{ margin:0 0 2px; font-size:30px; font-weight:400; letter-spacing:5px; }
.product_cont p{ font-size:22px; font-family: lato; font-weight:400; letter-spacing:3px; }
.indivi_product:hover .product_hover_cont{ top:0; } 
.indivi_product .product_hover_cont{ text-align:center; position:absolute; color:#fff; top:100%; background:rgba(0,0,0,0.75); width:100%; height:100%; }
.extprod .product_hover_cont{ 
/*
    transition:all 0.3s ease-out 0s; 
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s; 
*/
    background-color: transparent;
    text-align:center; position:absolute; color:#fff; top:100%; background:rgba(0,0,0,0.75); width:100%; height:100%; 
/*
     transform: scale(0, 0);
    transform-origin: center center 0;
     transition: opacity 1000ms ease 0s, transform 1000ms ease 0s, border-radius 1000ms ease 0s;
*/
   
transition: background-color 0.2s ease 0s, padding-top 0.4s ease 0s;

}
.product_hover_cont h2{ font-weight:400; line-height:20px; font-size:18px; letter-spacing:2px; text-transform:uppercase; padding-bottom:9px; margin-bottom:11px; border-bottom:1px solid #ed1c24; }
.product_hover_cont p{ font-size:16px; font-family: 'Lato', sans-serif; font-weight:300;  line-height:20px; width: 90%; padding-left: 5%; padding-right: 5%; margin: auto;}
.product_hover_cont h3{ font-family: lato; font-size:20px; line-height:22px; font-weight:bold; text-transform:uppercase; margin-top:13px; }
/* To align content middle --> https://css-tricks.com/centering-in-the-unknown/ */
/*.product_hover_cont:before {content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; /* Adjusts for spacing }*/
.centered { display: inline-block; padding-top:85px; vertical-align: middle; width: 85%; transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out;  }
.indivi_product:hover .product_hover_cont .centered { padding-top: 45px; transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out;  }
.product_sec li{ vertical-align:middle; padding: 0 0px 0 20px; } 
/* .product_sec li:first-child{padding-left: 0;}
.product_sec li:first-child .product_img{padding-left:9px; padding-right: 9px;} */
.bottom_new_products li{ background:#d2d3d5; text-align:center; }
.prod_new{ margin-top:5px; }
.pro_h4 h4{ border-bottom:1px solid #ed1c24; }
.prod_new p{ color:#000; width:85%; margin:0 auto; font-family: 'Lato', sans-serif; font-weight:300; font-size:20px; line-height:25px; }
.for_new{ margin-bottom:38px; }
/*03-11-2015*/
.col-lg-6 .prtlas{/* height: 400px; */}
/********************************************************************************************************************************************/

/*New Home Page*/
.menuhead{background-color: rgba(0, 0, 0, 0.8); overflow: hidden; position: fixed !important; transition: height 0.3s ease 0s; width: 100%; z-index: 999;  -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  -ms-transition: height 0.3s;
  -o-transition: height 0.3s;
  transition: height 0.3s; }
.hmbrl{ background: #000000;  border: 1px solid #ed1c24; border-bottom: 0;  z-index: 0 !important;}
.hm_prdt:hover .hmbrl {border: 1px solid #000;}
.hmbrl h4{padding-top: 0px; padding-bottom: 0; line-height: 58px; }
.hmtrd .prod_cld{ margin-top: 10px; margin-bottom: 0px; transition: scale(1);}

.hmtrd .prod_cld img{-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .5s ease-in-out;
	transition: .5s ease-in-out;}
.hmtrd .prod_list:hover .prod_cld img{-webkit-transform: scale(0.7);
	transform: scale(0.7); margin-top: -20px;}


.hmtrd .prod_list{height: 330px; }
.hmtrd .prod_list:hover .prod_hidd{top: 261px; padding-top: 10px; transform: scale(1, 1) ;}
.hmtrd .prod_hidd p{margin-top: 10px;}
.hmtrd .hm_prdt {background: url(../img/product-bg.png) no-repeat; background-size: cover;  border-bottom: 4px solid #000;}
.hm_prd:hover .hmtrd h4{height: 59px;}
.hmtrd .prod_list:hover .prod_hidd{/*background: url(../img/product-bg.png) no-repeat; background-size: cover;*/ transition: all 1s ease; }
.macper{margin: 12px 0;}
.macper p{color:#000; width:85%; margin:0 auto; font-family: 'Lato', sans-serif; font-weight:400; font-size:16px; line-height:25px; text-align:center;}
/*19-10-2015*/
 .hm_prdt:hover .hmbrl h4{color: #ed1c24; transition: 1s ease-in-out; -webkit-transition: 1s ease-in-out;  -moz-transition: 1s ease-in-out; -o-transition: 1s ease-in-out;}
.hmprod_design{ clear: both; /* border-bottom: 1px solid #e5e3de; */}
.hm_rangprod{ margin-top: 16px;}
.rantit{/*margin-top: 16px;*/background:#000; border-left: 1px solid #ed1c24; border-right: 1px solid #ed1c24; border-top: 1px solid #ed1c24;}
.rantit h4{ line-height: 100px; text-align: center;  color:#fff;margin: 0; font-size: 30px; letter-spacing: 6px; transition: 1s ease-in-out; -webkit-transition: 1s ease-in-out;  -moz-transition: 1s ease-in-out; -o-transition: 1s ease-in-out;}
.hm_rangprod:hover .rantit h4, .extprod:hover .excup h4, .abt_cont h2:hover, .rang_pro_tit h4:hover{color: #ed1c24;transition: 1s ease-in-out; -webkit-transition: 1s ease-in-out;  -moz-transition: 1s ease-in-out; -o-transition: 1s ease-in-out; }
.hm_rangprod:hover .rantit, .hm_coffmac_enquiry:hover .rantit{border: 1px solid #000;}
.ragimg{}
.ragimg img{width: 100%;}
.hmextr_prds{}
.cupprodt{width: 90%; margin:-49px auto 50px;}
.extprod{ border-bottom: 2px solid #000;}
.excup{ background: #000; z-index: 0 !important;  border:1px solid #ed1c24; height: 49px !important;}
.excup h4{ font-size: 18.5px; letter-spacing: 4px; color:#fff; margin: 0; line-height: 47px; text-align: center; transition: 1s ease-in-out; -webkit-transition: 1s ease-in-out;  -moz-transition: 1s ease-in-out; -o-transition: 1s ease-in-out;}
.extprod:hover .excup h4{ color:#ed1c24; border:0;}
.extprod:hover .excup{border:1px solid #000;}
.excld{}
.cupprodt  .extprod:first-child .excld{width: 100%;}
.excld img{width:100%;}
.strpad{ padding: 0 !important;}
.strpad{ padding-right: 10px !important;}
.strpad:last-child{ padding-right: 0px;}
.citcount, .comadd{display: table-cell; height: 290px; overflow:hidden; vertical-align: middle;  -webkit-animation: fadein 2s; /* Safari and Chrome */
    -moz-animation: fadein 2s; /* Firefox */
    -ms-animation: fadein 2s; /* Internet Explorer */
    -o-animation: fadein 2s; /* Opera */
    animation: fadein 2s; }
.citcount {height:300px;}
.citcount{padding-right: 58px;}
.citcount h5{font-family: lato; font-size: 25px; padding-bottom: 10px; text-align: center;}
.comadd{padding-left: 58px;}
.comadd h4{font-family: lato; font-size: 20px; font-weight: 700; margin: 0; padding-bottom: 14px; text-transform: uppercase;}
.comadd p{font-family: lato; font-size: 20px; padding: 0; margin: 0; padding-bottom: 3px; color: #010101; text-transform: capitalize;}
.comadd p:last-child{ padding-top: 30px; font-size: 26px;}

.nwselopt{width: 100%; overflow: hidden;}
.hmdrme{ border: 2px solid #000000;}
.fapsel, {color: #fff; font-size: 18px; text-align: left; width: 363px;}
.nwselopt .DivSelectyze {width: 352px; border: 1px solid #ed1c24;}
.nwselopt .DivSelectyze a{text-align: left; text-transform: uppercase; color: #646464 !important; height: 52px; font-size: 20px; font-family: lato; padding-left: 45px; background: url(../img/dropmenu-arrow.png) 99.7% center no-repeat;  white-space: nowrap;}
.nwselopt .css3 .UlSelectize{ width: 351px; top: 50px; left: -1px;}
.nwselopt .css3 .UlSelectize li a{color: #000 !important;}
.nwselopt .css3 .UlSelectize li a:hover{color: #ed1c24 !important;}
.citydrop_menu .css3 .UlSelectize{ top: 52px !important;   width: 353px !important;} 
.enf_list .css3 .UlSelectize{ top: 0px !important;   width:100%; !important;} 
.enf_list  .DivSelectyze ul{margin-top: 54px; padding: 0 0 ; background: #cecbcb !important;}
.hm_connect .rantit {margin-top: 0;}
.UlSelectize li a{background: none !important;}
.hm_rangprod .rantit{}
.cupprodt {margin-bottom: 0;}
.enqimg{width: 100%;}
.enqimg img{width: 100%;}
.hm_coffmac_enquiry{clear: both; margin-top: 0; margin-bottom: 24px; padding-top: 20px;}
.hm_coffmac_enquiry .rantit{margin-top: 0;}
.hm_coffmac_enquiry:hover .rantit h4, .hm_connect:hover .rantit  h4 {color: #ed1c24; -webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms  ease-in-out;
-o-transition: all 500ms  ease-in-out;
transition: all 500ms  ease-in-out;}
.enqform_list{background: #d5d5d5;}
.enquiry_details{width:79%; margin:90px auto 0; /* padding: 0 50px; */}
.enf_list{}
.enquiry_details h4{font-size: 25px; font-family: lato; font-weight: 400; margin: 0; padding-left: 39px; color:#222222; }
.enf_list ul{ margin-top: 40px; padding: 0 40px;} 
.enf_list ul li{clear: both; margin-bottom: 45px;}
.enf_list ul li input{ width:100%; line-height: 52px; outline: none; height: 56px; border: 2px solid #000000; font-size: 20px; background: none; font-family: lato; padding: 0 18px; color: #646464; -webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms  ease-in-out;
-o-transition: all 500ms  ease-in-out;
transition: all 500ms  ease-in-out;}
.enf_list ul li input:focus{background: #fff; color: #000; -webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms  ease-in-out;
-o-transition: all 500ms  ease-in-out;
transition: all 500ms  ease-in-out;}
.enf_list ul li textarea, .enf_list ul li .texadr{ width:100%; height:155px; border: 2px solid #000000; outline: none; font-size: 20px; background: none; font-family: lato; padding: 10px 18px 0 18px; -webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms  ease-in-out;
-o-transition: all 500ms  ease-in-out;
transition: all 500ms  ease-in-out; }

.enf_list ul li textarea:focus{background: #fff; color: #000; -webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms  ease-in-out;
-o-transition: all 500ms  ease-in-out;
transition: all 500ms  ease-in-out;}
.enftext ul li {margin-bottom: 44.2px; -moz-margin-bottom:10px; }
.enf_list .nwselopt{background: none; overflow: visible; }
.enf_list .nwselopt .DivSelectyze{width:100% !important; border: 2px solid #000000; }
.enf_list .nwselopt .DivSelectyze a{color: #646464; font-size: 20px; text-align: left; padding-left: 18px;}
/* .nwselopt .css3 .UlSelectize{width: 446px; top: 0px;} */
.enf_list .nwselopt .UlSelectize li{ margin-bottom: 0;}
.enqbtn{text-align: center; padding:60px 0 130px; clear: both;}
.hmsend{text-align: center;}
.hmsnd{display: inline-block;}
.enqbtn input{display: inline-block; color: #000; width: 280px; padding:0; line-height: 52px;  font-size: 25px; text-align: center; font-weight: 700; font-family: lato; background:#797979; border: 2px solid #ed1c24; transition: 1s ease-in-out; -webkit-transition: 1s ease-in-out;  -moz-transition: 1s ease-in-out; -o-transition: 1s ease-in-out; }
.enqbtn input:hover{background: #000; color: #fff;}
.enf_list .nwselopt{width: 100%;}

/* .prodes:last-child{padding-right: 0 !important;}
.prodes:firstt-child{padding-left: 0 !important;} */
/*select drop menu*/
/*
.nwselopt .selectize-control{width: 360px; height: 60px;  color: #fff;  border: 2px solid #ed1c24;}
.nwselopt  .selectize-input{padding: 18px !important;}
.nwselopt .selectize-control.single .selectize-input, .selectize-dropdown.single{background: #000;}
.nwselopt .selectize-dropdown, .selectize-input, .selectize-input input{color: #fff;}
.nwselopt .selectize-input > input{color: #fff; font-family: lato; font-size: 20px;}
.nwselopt  .item{font-size: 20px; font-family: lato; text-transform: uppercase; color: #fff;}
.nwselopt  .selectize-input, .selectize-control.single .selectize-input.input-active{background: #000 url(../img/dropmenu-arrow.jpg) right center no-repeat !important;}
.nwselopt .selectize-dropdown [data-selectable], .selectize-dropdown .optgroup-header{line-height: 30px; font-size: 20px; font-family: lato; text-transform: uppercase; color: #fff;} 
.selectize-dropdown .active { background-color: #fff; color: #000 !important;}
.selectize-input{}
*/

.selectize-control{width: 360px; height: 52px; background: #fff;   transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;  -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out;} 
.selectize-input{height: 52px; color: #fff; background: url(../img/dropmenu-arrow.png) right center no-repeat; margin-right: 2px; transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;  -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out;}
.selectize-input:hover{ background: url(../img/dropdown-arrow-mhover1.png) right center no-repeat;}
.input-active{background: url(../img/dropmenu-arrow-bottom.png) right center no-repeat; margin-right: 2px; transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;  -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out;}
.item{width: 100%; /* height: 50px;  */line-height: 54px; font-size: 20px; font-family: lato; text-transform: uppercase; cursor: pointer; padding-left: 40px; text-align: left;  
   }
.selectize-dropdown{width: 100%; background: #000;  position: absolute; }
.selectize-input input{display: none;  -webkit-animation: fadein 1s; /* Safari and Chrome */
    -moz-animation: fadein 1s; /* Firefox */
    -ms-animation: fadein 1s; /* Internet Explorer */
    -o-animation: fadein 1s; /* Opera */
    animation: fadein 1s;}
.selectize-dropdown-content{height: 230px; overflow: auto; position: absolute;    z-index: 999; width: 100.6%; background: #CECBCB;   -webkit-animation: fadein 1s; /* Safari and Chrome */
    -moz-animation: fadein 1s; /* Firefox */
    -ms-animation: fadein 1s; /* Internet Explorer */
    -o-animation: fadein 1s; /* Opera */
    animation: fadein 1s;}
.selectize-dropdown-content .option{ cursor: pointer; color: #000; text-align: left; font-size: 20px; font-family: lato; text-transform: uppercase; padding-left: 40px; line-height: 45px;}
.selectize-dropdown-content .option:hover{color: #ed1c24;}
.citydrop_menu .nwselopt .has-items .item{color: #000;}
/*Home page second drop down*/
.hmfom_selopt{}
.hmfom_selopt .selectize-control{width:100%; height: 56px; background: none;  border:2px solid #000000;}
.hmfom_selopt .selectize-control:focus{background: #fff;}
.hmfom_selopt .selectize-input{height: 52px; color: #fff; background: url(../img/dropmenu-arrow.png) right center no-repeat;}
.hmfom_selopt .input-active{background: url(../img/dropdown-arrow-mhover1.png) right center no-repeat;}
.hmfom_selopt .item{width: 100%; height: 53px; color: #000; line-height: 53px; font-size: 20px; font-family: lato; text-transform: uppercase; cursor: pointer; padding-left: 20px; text-align: left;}
.hmfom_selopt .item:focus{width: 100%; height: 52px; color: #000; line-height: 52px; font-size: 20px; font-family: lato; text-transform: uppercase; cursor: pointer; padding-left: 20px; text-align: left;}
.hmfom_selopt .selectize-dropdown{width: 100%; background: #000;  position: absolute; }
.hmfom_selopt .selectize-input input{display: none;}
.hmfom_selopt .selectize-dropdown-content{height: 200px; overflow: auto; position: absolute;    z-index: 999; width:100%; background: #cecbcb;}
.hmfom_selopt .selectize-dropdown-content .option{ cursor: pointer; color: #000; text-align: left; font-size: 20px; font-family: lato; text-transform: uppercase; padding-left: 20px; line-height: 40px;}
.hmfom_selopt .selectize-dropdown-content .option:hover{color: #ed1c24; }
.demo-default .selected{ color: #000;}
.has-items .item{color: #646464;}
.dropdown-active .item{color: #646464;}

.indivi_product_mh{overflow: hidden;  position: relative;}

.indivi_product_mh:hover .product_hover_cont{ top: 0;  transform: scale(1, 1) ; }
.indivi_product_mh:hover .product_hover_cont .centered{ padding-top:60px; transition: all 2s ease; -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -o-transition: all 2s ease; -ms-transition: all 2s ease;}
.indivi_product_mh .centered p{font-size: 20px; line-height: 30px;  padding: 0 5%;}
.citydes_cont{ width: 70%; margin:30px auto 0}
.citydes_cont p{font-size: 20px; font-family: lato; text-align: left; line-height: 28px; color: #222222; font-weight: 400; margin-bottom: 30px;}
.citydes_cont h6{}
.citydes_cont ul{}
.citydes_cont ul li, .citydes_cont h6{font-size: 20px; font-family: lato; color: #222222; font-weight: 400; text-align: left;}
.citydes_cont ul li{float: left; padding-right: 15px;}
.statecontent  {padding-bottom: 30px; clear: both;}
.enquiry_details p{font-size: 20px; font-family: lato; text-align: left; line-height: 28px; color: #222222; padding: 15px 0 15px  39px;}

/*************************************************************/
/*Feed back*/
.hm_coffmac_enquiry1 {margin-bottom: 20px;}
.feedback_enq{ margin-top: 25px;}
.feedenq{}
.feedenq ul{}
.feedenq ul li{ margin-bottom: 45.4px;}
.feedbtn{ padding: 37px 0 100px;}

/***********************************************************/
/*Products*/
.prod_titcont{text-align: center; margin: 52px 0 10px;}
.prod_titcont h5{font-size: 30px; color: #000; margin: 0; padding-bottom: 10px; letter-spacing: 5px; transition: all 0.35s ease-in-out; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out;}
.prod_titcont h6{font-size: 22px; font-family: lato; color: #000; margin: 0; letter-spacing: 5px; transition: all 0.35s ease-in-out; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out;}
.prodmos_con:hover .prod_titcont h6, .prodmos_con:hover .prod_titcont h5{color:#ee2028; }
.prod_subtit{background: #000000; text-align: center; display: table; width: 100%;}
.prod_subtit h6{color: #fff; display: table-cell; font-size: 18px; height: 50px; letter-spacing: 4px; line-height: 20px; margin: 0 auto; text-align: center; vertical-align: middle; width: 100%;}
.product_img { /* width:110px; display: inline-block;*/ }
.product_img img{width: 100%;}
.indivi_product{text-align: center; background: #bebebc; padding: 0px;}
 .prodes{padding: 0 10px 0 10px !important; margin-top: 20px; }
/*.prodes:last-child{padding-right: 0 !important;} */
.prtlas{/* height: 416px; */ /* background:url(../img/products/product-bg.png) no-repeat; background-size: cover;  */overflow: hidden; width: 99.8%;}
.centered{}
.centered h3{letter-spacing: 2px; position: absolute; bottom: -50px; text-align: center; border: 1px solid #fff; width: 85%; padding: 0%; line-height: 35px; transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out;  }
.indivi_product:hover .product_hover_cont .centered h3{bottom: 0; transition: all 0.35s ease-in-out; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out;  }
.prodscod {clear: both;}
.proext p{width: 80%;}
.promac_list{margin-top: 0; margin-bottom: 10px;}


/*****************************************************************************/
/*About Us*/
.abt_banner{width: 100%;}
.abt_banner img{width: 100%;}
.about_content{clear: both; padding-top: 16px;}
.abt_cont{background: #000; border: 1px solid #dc1b23; border-bottom: 0; text-align: center;}
.abt_cont:hover{border:1px solid #000 !important;}
.abt_cont h2{ height: 100px; line-height: 100px; margin: 0; font-size: 30px; color: #fff; font-size: 30px; font-weight: 400; letter-spacing: 6px; transition: 1s ease-in-out; -webkit-transition: 1s ease-in-out;  -moz-transition: 1s ease-in-out; -o-transition: 1s ease-in-out;}
.abouttit_cont{margin-top: 0;}
.abtimg{}
.abtbann_cont{position: relative; margin-bottom: 20px;}
.abtimg img{ width: 100%;}
.abt_partcont{position: absolute; top:0px; width: 100%;}
.abtscond{width: 70%; margin:48px auto 0; text-align: center;}
.abtsect_part{width: 70%;}
.abtscond h4{font-family: lato; font-size: 25px; font-weight: 400; color: #222222; padding: 0 18% 10px; line-height: 35px;}
.abtscond p{font-size: 20px; font-family: lato; line-height: 30px;  color: #222222; font-weight: 400;}
.abt_machin .abtscond{ margin-top: 60px;}
.abtscond p a{ color:#222222; }
.abtscond p a:hover{ color:#ed1c24; text-decoration: none;}
/*End*/

/*Ban 2 Cup*/
.beanhl{min-height: 760px;}
.beanprs_bigimg{width: 40%; top: 0;}
.bean_hl{ padding-top: 4%;}
.beantec{ height:557px;}
.celetec{height: 620px;}
.celebean{margin-top: 0px;}
/*Celsta*/
.celsta_bigimg{/* width: 60%; */ width: 50%;}
.celsta_hl{ width: 26%; right: 15%; }


/*Distributor Enquiry*/
.disr_enqform{ padding-top: 20px; padding-bottom: 20px; clear: both;}
.dists_perg{ width: 73%; margin:76px auto 0;}
.dists_perg p{font-size: 25px; font-family: lato; line-height: 34px;  color: #222222; font-weight: 400;  margin: 0;}
.destr_feba{margin-top: 55px;}
.enf_list ul li .dist_reqment{ width: 100%; height: 258px; border: 2px solid #000; padding-top: 10px;}
.destr_feba  .feedenq .dist_reqment{height: 157px;}
/*Careers*/
.career_content{/* background: #d5d5d5; */ text-align: center; margin-bottom: 20px;}
.carpart_cont{ width: 66%; margin: auto;}
.carpart_cont h3{font-size: 25px; font-family: lato; color: #000; font-weight: 400; margin: 0; padding: 45px 0 40px;}
.carpart_cont p{font-size: 25px; font-family: lato; line-height: 34px;  color: #222222; font-weight: 400;  margin: 0; padding-bottom: 35px;}
.carpart_cont p a{ color: #ed242c;}
.career_content img {width: 100%;}

/*Terms & Conditions*/
.terms_cond{clear: both;  background: #d5d5d5; margin-bottom: 20px;}
.tercond_head{ background:#000000; position: static !important;}
.term_tit{width: 66%; margin: 190px auto 110px;;}
.term_tit h4{font-size: 25px; font-family: lato; color: #000; font-weight: 400; margin: 0; padding: 22px 0;}
.term_tit  p{font-size: 20px; font-family: lato; line-height: 30px;  color: #222222; font-weight: 400; padding: 14px 0; margin: 0; background: url(../img/dot.png) left 26px no-repeat;}

.term_tit  p:last-child{background: none;}
.term_tit .ter_list{ padding: 14px 0 14px 30px; margin-bottom: 0;}
.term_tit .ter_list li{ padding-left: 20px; background: url(../img/circle.png) left center no-repeat; font-size: 20px; font-family: lato; line-height: 30px; color: #222222; font-weight: 400;  margin: 0;}
.term_tit .tefi{background: none;}
/*Captca*/
.capt{text-align: center; clear: both;}
#html_element{display: inline-block;}


/*Header*/
header{transition: all 0.5s ease 0s;}
header.smaller .logo a {
    font-size: 30px;
    height: 75px;
    line-height: 75px;
    width: 150px;
    transition: all 0.3s ;
     -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}
header.smaller .logo{width:40%; transition: all 0.5s;  -webkit-transition: all 0.3s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;}
header.smaller .header_top{margin-top: 0; transition: all 0.5s ;  -webkit-transition: all 0.3s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;}

/*Animation*/

.svg-wrapper {
  position: relative;
  top: 0%;
 /*  transform: translateY(-50%); */
	  margin: 0 auto;
  width: 100%;  
}
.svg-wrapper svg{position: relative; z-index: 110; overflow: auto; width: 100%;}
.shape {
  stroke-dasharray:439, 1690;
  stroke-dashoffset: 250px;
  stroke-width: 2px;
  fill: transparent;
  stroke: #ed1c24 ;
  transition: stroke-width 3s, stroke-dashoffset 3s, stroke-dasharray 3s;
    position: absolute;
     top: 0; 
    width: 100%;
    z-index: 100;
    height: 59;
}

.svg-wrapper:hover .shape {
  stroke-width: 2px;
  stroke-dashoffset: 0;
  stroke-dasharray: 1600;
  width: 100%;
}


.extprod .shape {
  stroke-dasharray:439, 1690;
  stroke-dashoffset: 250px;
  stroke-width: 2px;
  fill: transparent;
  stroke: #ed1c24 ;
  transition: stroke-width 3s, stroke-dashoffset 3s, stroke-dasharray 3s;
    position: absolute;
     top: 0; 
    width: 100%;
    z-index: 10;
    height: 49px;
}

.cupprodt .svg-wrapper {
  position: relative;
  top: 0%;
 /*  transform: translateY(-50%); */
/*	  margin: 0 auto;*/
    width: auto;
}
/*Big line Animation*/
.hm_rangprod .cupprodt .svg-wrapper { width: auto;  position: relative; top: 0%;}
.hm_rangprod .shape, .hm_coffmac_enquiry .shape, .hm_connect .shape, .about_content .shape{height: 100px;  stroke-dasharray: 1460, 2790; transition: stroke-width 7s, stroke-dashoffset 10s, stroke-dasharray 7s;}
.hm_rangprod .svg-wrapper:hover .shape, .hm_coffmac_enquiry .svg-wrapper:hover .shape, .hm_connect .svg-wrapper:hover .shape, .about_content .svg-wrapper:hover .shape{stroke-dasharray: 4100;  transition: stroke-width 7s, stroke-dashoffset 7s, stroke-dasharray 7s;}

/*Machine specification Animation*/
.mach_prodhl .svg-wrapper .shape, .beantec .shape{height:67px;}

/*26-10-2015*/
#html_element{border: 2px solid #000 !important; background: #fff;}
#html_element html .rc-anchor-light{border:0 !important;}
.menuhead1{ width: 100%; background-color: rgba(0, 0, 0, 0.8); position: relative;z-index: 9999;}
.tophead_sroll{position: absolute; z-index: 999; width: 100%;}
.promperant{overflow: hidden; position: relative; }
.promcele{right: 8%;}
.prodmous {
    
    color: #fff;
    height: 100%;
    position: absolute;
    
/*
    text-align: center;
    top: 100%;
    transform: scale(0, 0);
    transform-origin: center center 0;
    transition: opacity 1000ms ease 0s, transform 1000ms ease 0s, border-radius 1000ms ease 0s;
*/
    width: 100% ;
    display: none;
     -webkit-transition: .5s;
       -moz-transition: .5s;
        -ms-transition: .5s;
         -o-transition: .5s;
            transition: .5s;
    
}
.prodmous img{max-width: 100%;}
.prodmous_cele img{width: 100%;}
.promperant:hover .prodmous, .promperant_cele:hover .prodmous_cele{top: 0px; display: block;   -webkit-transition: .5s;
       -moz-transition: .5s;
        -ms-transition: .5s;
         -o-transition: .5s;
            transition: .5s; }

.promperant_cele{ text-align: center;}
.prodmous_cele {color: #fff; height: 100%; position: absolute; width:49.93%; display: none; top: 0; right: 0;}
.celsalatprod{right: 0px; width:auto; /* margin-right: 40px; */}
.prodmid_bcup{width: 40%; top: 0px !important;}
.discapta{ text-align: center;}
.discapta #html_element{display: inline-block;}



/*scroll*/
.headerContainerWrapper {
    height: 113px;
    position: fixed;
    top: 0;
    transition: top 0.2s ease-in-out;
    width: 100%;
}

.nav-up {
    top: -120px;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
}



.nav-down {
   
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
}


@-moz-document url-prefix() {
    textarea {
        height: 7.891em !important /* or use px to be sure */ ; 
    }
}











/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers:
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}
/* @media only screen and ( max-width: 40em ) 
{
    #nav
    {
        background: #fff;
   
    position: relative;
   
    z-index: 9999;
    }
        #nav > a
        {
        }
        #nav:not( :target ) > a:first-of-type,
        #nav:target > a:last-of-type
        {
            display: block;
        }
 
    
 
    #nav > ul
    {
        height: auto;
        display: none;
        position: absolute;
        left: 0;
        right: 0;
    }
        #nav:target > ul
        {
            display: block;
        }
        #nav > ul > li
        {
            width: 100%;
            float: none;
        }
 
   
 
    #nav li ul
    {
        position: static;
    }
} */

/*Media queries*/

@media only screen and (min-width: 320px) and (max-width: 480px) {
.hm_product  .red_padding{ padding: 10px 0;}
.rang_pro_tit h4{padding: 16px 0;}
.hm_ranprod, .hmabt_cont, .hmconnect, .conadd, .hmcont_add h3, .hm_product, .header_top{width: 100%;}
.hmbr_prd{padding-bottom: 30px;}
.hm_bev, .abt_hmtit, .hmcont_add, .footer_menu{margin-top: 30px;}
.hmbe_tit{top: 0;}
.footer_menu ul li a, .prod_hidd p{font-size: 12px;}
.hmbe_tit h6  {font-size: 16px;}
.hmabt_des p, .conadd p, .mach_proddes p, .prd_hl ul li, .machtech_des ul li{font-size: 14px; line-height: 22px;}
.hmabt_des h6{font-size: 18px;}
.rang_pro_tit h4, .abt_hmtit h3, .hmcont_add h3, .conadd h6, .social_icons h4{font-size:  20px;}
.conadd a, .conadd a:focus{font-size: 14px;}
.conadd h6{font-size: 20px; padding: 10px 20px 0;}
.hmabt_des{margin-bottom: 20px;}
.hmabt_des p{padding: 0;}
.conadd{ margin: 20px 0;}
.hm_about{min-height: 900px;}
.footer_menu ul li{float: none; background: none; line-height: 25px;}
.hmconnect {margin-bottom: 10px;}
.menuhead{position: static !important; background:#272727;}
.header_top{margin: 0px auto; 10px; padding: 10px 0;}
.hm_product{ margin-top: -30px;}
.promac_list{margin-top: 0;}
/**Inner**/
.mach_proddes{height: auto;}
.mach_prod, .prodcont_hl{width: 100%; padding: 0; right: 0;}
.mach_prodhl{margin-top: 20px; min-height: auto;}
.mach_proddes h4{font-size: 25px;}
.prodmech_hl{position: static; width: 100%;}
.prodmous_cele{width: 99.88%; top: 288px !important;}
.prodmid_bcup{width: 100%; top: 202px !important;}
.mach_tech{ margin: 40px 0 40px 0;}
.machtech_des ul li{line-height: 24px;}
.mach_proddes h4{width: 100%;}
.metech .promech {margin: 0;}
/*New home page*/
.extprod{margin-bottom: 20px;}
.strpad{ padding-right: 0 !important;}
.hm_prdt h4{font-size: 18px;}
.excup h4{font-size: 16px;}
.rantit h4{font-size: 90%; line-height: 50px;}
.statecontent .cirarea {float: none !important; text-align: center;}
.strpad{ padding-right: 0 !important; }
.citcount, .comadd{height: auto; display: inline-block; padding: 20px 0;}
.statecontent {text-align: center;}
.comadd h4, .citcount h5{font-size: 18px;}
.nwselopt .DivSelectyze{ width:300px;}
.nwselopt .css3 .selectyzeValue{ line-height: 44px; height: 44px;}
.nwselopt .DivSelectyze a{font-size: 18px;}
.comadd p{ font-size: 16px;}
.enquiry_details{ width: 100%;}
.enquiry_details h4{padding: 20px 3.7%; margin: 0;}
.fomhme  h4{padding: 10px 3.7%; margin: 0;}
.enquiry_details p{ padding-left: 15px; font-size: 14px; padding-top: 0;}
.enf_list ul{padding: 0 3.7%; margin: 0;}
.enquiry_details{margin: 20px 0 0;}
.enf_list ul li{margin-bottom: 20px;}
.enf_list ul li input, .enf_list ul li textarea, .enf_list .nwselopt .DivSelectyze a{line-height: 40px; font-size: 14px;}
.hmfom_selopt .item, .hmfom_selopt .selectize-dropdown-content .option{padding-left: 20px; font-size: 14px;}
.enqbtn input{width: 200px; font-size: 20px; line-height: 40px;}
.citydrop_menu .nwselopt .selectize-control, .citcount, .comadd{width: 100%;}
    
/*Product*/
.prod_titcont h5{font-size: 20px; letter-spacing: 3px;}
.prod_titcont h6{font-size: 18px; letter-spacing: 3px;}
.prod_subtit h6{font-size: 14px; letter-spacing: 1px;}
.product_hover_cont h3, .citydes_cont p{font-size: 14px;}
.product_hover_cont p{width: 100%; line-height: 15px;}
.prtlas{text-align: center; height: auto;}
.product_img{ width: 100%;}
.centered{padding-top: 80px; width: 100%;}
.centered h3{line-height: 15px; padding: 5px 0; width: 90%; margin: 0 5% 10px;}
.product_hover_cont p{font-size: 12px;}
.prod_titcont{margin:20px 3.7% 10px;}
.prolong .red_padding{padding: 10px 0 !important;}
.prolong .innprod{width: 100%;}
.indivi_product_mh .centered p{font-size: 16px; line-height: 25px;}
.citydes_cont{width: 92%;}
.citydes_cont p{line-height: 23px;}
.machtech_des{display: block; padding-bottom: 10px; width: auto;}
.down_bro{margin: 20px 0px 0 0px; float: none; display: inline-block;}
.down_bro a{font-size: 16px;line-height: 45px; padding: 0 15px;}
.macper p{ font-size: 14px; width: 100%; line-height: 20px;}

/*About Us*/
.abt_partcont{position: static;}
.abt_cont h2{height: 70px; line-height: 70px; font-size: 20px;}
/*Distributor form*/
.dists_perg{margin-top: 20px; width:92%;}
.dists_perg p{font-size: 14px; line-height: 22px;}
.enf_list ul li .dist_reqment{height: 140px;  padding-top: 0;}
/*Careers*/
.carpart_cont{width: 90%;}
.carpart_cont h3{font-size: 20px; padding: 20px 0;}
.carpart_cont p{font-size: 14px; padding-bottom: 10px; line-height: 22px;}
    
/*Terms & conditions*/
.term_tit{width: 92%; margin-top:100px; margin-bottom: 20px;}
.term_tit h4{font-size: 20px;}
.term_tit p { font-size: 14px; line-height: 22px; background-position: left 20px; padding: 10px 0;}
.term_tit .ter_list li{font-size: 14px;  line-height: 22px; padding: 10px auto; background-position: left 10px;}
/*Mobile menu*/
.header_top .mobmens{position: absolute; top: 20px; float: right;  width: 100%;}
.menu{width: 100%; margin-top: 0;}
.celsalatprod{width: 100%; margin-right: 0;}

/*Menu*/
#cssmenu ul{margin-top:17px;}
#cssmenu ul ul{ margin-top: 0;}
.mobmens #cssmenu ul ul{top: 0;}
#prev4, #next4{ width: 30%;}
#prev4:hover{ background-position: 40% center;}
#next4:hover{  background-position: 50% center;}
.cupprodt { margin-top: 20px;}
.indivi_product_mh:hover .product_hover_cont .centered{padding-top: 70px;}
/*Animation*/
.hm_rangprod .svg-wrapper svg, .hm_coffmac_enquiry .svg-wrapper svg, .hm_connect .svg-wrapper svg{height:50px !important;}
.hm_rangprod .shape, .hm_coffmac_enquiry .shape,  .hm_connect .shape{height: 50px !important;}
.hm_rangprod:hover .rantit, .hm_coffmac_enquiry:hover .rantit, .hm_connect:hover .rantit{ border: 1px solid #ed1c24; border-bottom: 0;}
.promcele{right: 0%;} 
.nwselopt .DivSelectyze a{height: 35px;}
.enf_list .css3 .UlSelectize{top: 100% !important; margin-top: 0;}
.indivi_product:hover .product_hover_cont .centered{padding-top: 5px;}
}




@media only screen and (min-width: 320px) and (max-width: 400px) {
/*About us*/
.abtscond{width: 100%; padding: 0 3.7%;}
.abt_machin .abtscond, .abtscond{margin-top: 10px;}
.abtscond h4{font-size: 18px; line-height: 22px; margin: 0; padding:0 0 10px;}
.abtscond p{line-height: 20px; font-size: 12px;}
.hm_coffmac_enquiry .shape{height: 60px !important;}
.hm_coffmac_enquiry .rantit h4{line-height: 28px; font-size: 20px;}
}


@media only screen and (min-width: 400px) and (max-width: 480px) {
/*About us*/
.abtscond{width: 100%; padding: 0 3.7%;}
.abt_machin .abtscond, .abtscond{margin-top: 10px;}
.abtscond h4{font-size: 16px; line-height: 22px; margin: 0; padding-bottom: 10px;}
.abtscond p{line-height: 20px; font-size: 12px;}
.metech .promech, .celsalatprod{float: none !important; margin-right: 0;  }
}


@media only screen and (min-width: 480px) and (max-width: 640px) {
.hmabt_des p{font-size: 16px;}
.conadd p{font-size: 18px;}
.conadd h6, .rang_pro_tit h4, .abt_hmtit h3, .hmcont_add h3{font-size: 25px;}
.hmcont_add{ margin-top: 30px;}
.hmabt_des h6{font-size: 20px;}
.hm_product{ margin-top: -30px;}
.promac_list{margin-top: 0;}
.rantit h4{font-size: 24px; line-height: 70px;}
    
/**Inner**/
.mach_proddes{height: auto;}
.mach_prod, .prodcont_hl{width: 100%; padding: 0; right: 0;}
.mach_prodhl{margin-top: 20px; min-height: auto;}
.mach_proddes h4{font-size: 25px;}
.prodmech_hl{position: static; width: 100%;}
.mach_tech{ margin: 40px 0 40px 0;}
.machtech_des ul li{line-height: 24px;}
.mach_proddes h4, .hm_product, .hmconnect, .hmabt_cont, .hm_ranprod{width: 100%;}
.mach_proddes p, .prd_hl ul li, .machtech_des ul li{font-size: 16px;}
.metech .promech, .celsalatprod{float: none !important; margin-right: 0;  }
.celsalatprod{width: 100%;}
.cele_prodhl .celsta_bigimg {width: 80%; display: inline-block;}
.cele_prodhl .prodmous_cele {width: 79.90%; right:10%; top: 318px !important;}
.beanprs_bigimg{width: 70%; display: inline-block;}
.prodmid_bcup{width: 70%; right: 15%;  top: 262px !important; }

/*New Home page*/
.hm_prdt h4, .excup h4{font-size: 18px;}
.statecontent .cirarea {float: none !important; text-align: center;}
.strpad{ padding-right: 0 !important;}
.citcount, .comadd{height: auto; display: inline-block; padding: 20px 0;}
.statecontent {text-align: center;}
.comadd h4, .citcount h5{font-size: 18px;}
.nwselopt .DivSelectyze{ width:300px;}
.nwselopt .css3 .selectyzeValue{ line-height: 44px; height: 44px;}
.nwselopt .DivSelectyze a{font-size: 18px;}
.comadd p{ font-size: 18px;}
.enquiry_details{ width: 100%;}
.enquiry_details h4 {padding: 20px 3.7%; margin: 0;}
.fomhme h4, .enquiry_details p{padding: 10px 3.7%; margin: 0;}
.enquiry_details p{font-size: 16px; padding-top: 0;}
.enf_list ul{padding: 0 3.7%; margin: 0;}
.enquiry_details{margin: 20px 0 0;}
.enf_list ul li{margin-bottom: 20px;}
.enf_list ul li input, .enf_list ul li textarea, .enf_list .nwselopt .DivSelectyze a{line-height: 40px; font-size: 14px;}
.hmfom_selopt .item, .hmfom_selopt .selectize-dropdown-content .option{padding-left: 20px; font-size: 14px;}
.enqbtn {padding: 40px 0;}
.enqbtn input{width: 200px; font-size: 20px; line-height: 40px;}

.product_hover_cont p{width: 100%;}
.citydes_cont{width: 93%;}
.citydes_cont p{font-size: 16px; line-height: 24px;}
    
/*About us*/
.abtscond{width: 100%; padding: 0 3.7%;}
.abt_machin .abtscond, .abtscond{margin-top: 40px; margin-bottom: 20px;}
.abtscond h4{font-size: 20px; line-height: 28px; margin: 0; padding: 0 0 10px;}
.abtscond p{line-height: 26px; font-size: 16px;}
.abt_cont h2{height: 70px; line-height: 70px; font-size: 24px;}
.abtbann_cont{margin-bottom: 0;}

    
/*Distributor form*/
.dists_perg p, .term_tit p, .term_tit .ter_list li{font-size: 16px; line-height: 25px;}
.enf_list ul li .dist_reqment{height: 140px; padding-top: 0;}
/*Careers*/
.carpart_cont h3{font-size: 20px; padding: 30px 0;}
.carpart_cont p{font-size: 16px; padding-bottom: 20px; line-height: 26px;}
    
/*Terms & conditions*/
.term_tit{ margin-top: 105px; margin-bottom: 20px;}
.term_tit h4{font-size: 20px;}
.term_tit p { background-position: left 20px; padding: 10px 0;}
.term_tit .ter_list li{ padding: 10px auto; background-position: left 10px;}
/*Menu*/
#cssmenu ul{margin-top:17px;}
#cssmenu ul ul{ margin-top: 0;}
/*Animation*/
.hm_rangprod .svg-wrapper svg, .hm_coffmac_enquiry .svg-wrapper svg, .hm_connect .svg-wrapper svg{height:70px !important;}
.hm_rangprod .shape, .hm_coffmac_enquiry .shape, .hm_connect .shape{height: 70px !important;}
.hm_rangprod:hover .rantit, .hm_coffmac_enquiry:hover .rantit, .hm_connect:hover .rantit{ border: 1px solid #ed1c24; border-bottom: 0;}
.enf_list .css3 .UlSelectize{top: 100% !important; margin-top: 0;}
.abtseco{margin-bottom: 20px;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.hm_product  .red_padding{ padding: 10px 0;}

    
/**Inner**/    
.conadd, .hmcont_add h3, .header_top{width: 100%;}
.conadd{ margin: 30px 0;}
.footer_menu ul li{float: none; background: none; line-height: 30px;}
.hmcont_add, .mach_tech{margin-top: 40px; }
.mach_tech, .prd_hl ul{ margin-bottom: 40px;}
.mach_proddes{display: block; padding-left: 0; width: auto;}

.mach_proddes{height: auto;}
.mach_proddes{}
/*New home page*/
.extprod{margin-bottom: 30px;}
.strpad{ padding-right: 0 !important;}
.enf_list ul:last-child{margin-top: 0;}
.prodscod{width: 100% !important;}
.prolong .innprod{width: 100%;}
.down_bro{ margin-top: 30px; float: none; display: inline-block; margin-left: 0}
.machtech_des{padding-bottom: 0;}
/*Distributor form*/
.dists_perg{width: 90%; margin-top: 40px;}
/* .enf_list .DivSelectyze ul:last-child{margin-top: 50px;} */
/*Careers*/
.carpart_cont{width: 90%;}
/*Terms & conditions*/
.term_tit{width: 90%;}
.abt_partcont{position: static;}
/*Mobile menu*/
.header_top .mobmens{position: absolute; top: 25px;}
.menu{width: 100%; margin-top: 0;}
.header_top{padding: 10px 0;}
.product_hover_cont p{width: 90%;}
.prtlas{height: auto;}
.promcele{right: 0%;}

}

@media only screen and (min-width: 640px) and (max-width:767px) {
.hm_product, .hmconnect{width: 95%;}
.hmabt_cont{width: 84%;}
/**Inner**/
.mach_prod, .prodcont_hl{width: 85%; padding: 0; right: 0}
.mach_prodhl{margin-top: 40px; min-height: auto; }
.rantit h4{line-height: 70px; font-size: 26px;}
.statecontent .cirarea {float: none !important; text-align: center;}
.strpad{ padding-right: 0 !important;}
.citcount, .comadd{height: auto; display: inline-block; padding: 40px 0;}
.statecontent {text-align: center;}
.enquiry_details{ width: 90%; margin: auto;  margin-top: 50px;}
.enquiry_details h4{padding-bottom: 30px; padding-left: 0;}
.enqbtn{padding: 20px 0 80px;}
.enf_list ul{padding: 0;}



 /*Product*/
.prodscod{width: 85%; margin: auto;}
.prolong .red_padding{padding: 10px 0 !important;}
.fomhme  h4{padding-bottom: 0;}
.enquiry_details p{ padding-left: 0;}
.hmfom_selopt .item{padding-left: 20px;}
.citydes_cont{width: 90%;}
.prodmech_hl{width: 80%; position: static; display: inline-block;}
.cele_prodhl .prodmous_cele{width: 79.90%; top: 318px !important; right: 10%; }
.beanprs_bigimg{width: 60%; display: inline-block;}
.prodmid_bcup{width: 60%; right: 20%;  top: 262px !important; }
    
    
/*About us*/
.abtscond, .abt_machin .abtscond{width: 90%; margin-top: 20px; margin-bottom: 30px;}
.abtscond h4 { padding: 0 0 10px;}
.abtbann_cont{margin-bottom: 0;}
.metech .promech, .celsalatprod{float: none !important; margin-right: 0;}
.celsalatprod{width: 100%;}

/*Animation*/
.hm_rangprod .svg-wrapper svg, .hm_coffmac_enquiry .svg-wrapper svg, .hm_connect .svg-wrapper svg{height: 70px !important;}
.hm_rangprod .shape, .hm_coffmac_enquiry .shape, .hm_connect .shape{height: 70px !important;}
.hm_rangprod:hover .rantit, .hm_coffmac_enquiry:hover .rantit, .hm_connect:hover .rantit { border: 1px solid #ed1c24; border-bottom: 0;}
.mobmens #cssmenu ul{top: 28px;}
.mobmens #cssmenu ul ul{top: 0;}
.enf_list .css3 .UlSelectize{top: 100% !important; margin-top: 0;}
.abtseco{margin-bottom: 20px;}
}

@media only screen and (min-width: 767px) and (max-width: 991px) {
.hm_product  .red_padding{ padding: 10px 0;}
.hmabt_cont{width: 84%;}
.conadd, .hmcont_add h3{width: 100%;}
.conadd{ margin: 30px 0;}
.hmcont_add{margin-top: 30px;}
.header_top{width: 100%; padding: 10px 0;}



    
/**Inner**/
.mach_prod, .prodcont_hl{width: 85%; padding: 0; right: 0;}
.mach_prodhl{margin-top: 40px; min-height: auto; }
.prodmech_hl{width: 80%; position: static; display: inline-block;}
.celsta_bigimg{width: 60%;}
.prodmous_cele{width: 59.91%; top: 318px !important; right: 20%;}
.mach_proddes{height: auto; padding-left: 0; width: auto;}
.prd_hl ul{margin-bottom: 40px;}
.mach_tech{ margin: 40px 0;}
.promech, .promech {}

.mach_proddes{display: block;}
.metech .promech, .celsalatprod{ margin-right: 0;  float: none !important; }
.celsalatprod{width: 100%;}
.beanprs_bigimg{width:60%;}
.prodmid_bcup{width: 60%; right: 20%; top: 262px !important;}

/*New home page*/
.cupprodt{width: 85%;}
.extprod{margin-bottom: 30px; display: inline-block;}
.statecontent .cirarea {float: none !important; text-align: center;}
.strpad{ padding-right: 0 !important;}
.citcount, .comadd{height: auto; display: inline-block; padding: 40px 0;}
.statecontent {text-align: center;}
.enf_list ul:last-child{margin-top: 0;}
.enqbtn{padding: 20px 0 80px;}
.enquiry_details{ margin-top: 50px;}
.enquiry_details h4{padding-bottom: 30px;}
.fomhme h4, .fomhme p{ padding-bottom: 0px; padding-left: 0;}
.fomhme p{padding-bottom: 30px;}
.enf_list ul{padding: 0;}
.excld img{width:auto;}
.cupprodt {text-align: center;}
.hm_product{ width: 100%;}
.hm_product .red_padding{padding: 0 5px;}
.prolong .red_padding{padding: 10px 0 !important;}
.enquiry_details, .citydes_cont, .citydes_cont{width: 90%;}
.enf_list{padding-right: 20px;}

.enf_list ul li input, .enf_list ul li textarea, .enf_list .nwselopt .DivSelectyze a{ font-size: 16px;}
.hmfom_selopt .item, .hmfom_selopt .selectize-dropdown-content .option{padding-left: 15px; font-size: 16px;}
    /*Product*/
.prodscod{width: 85%; margin: auto;}
.prolong .innprod{width: 85%;}
.prtlas{height: auto;}
/*.hmtrd .prod_list{min-height: 430px;}*/
.macper p{width: 95%;}
.down_bro{ margin-top: 30px; float: none; display: inline-block; margin-left: 0;}
/*About us*/
.abtscond{width: 85%;}

/*Distributor form*/
.dists_perg{width: 90%;}

/*Careers*/
.carpart_cont{width: 90%;}
    
/*Terms & conditions*/
.term_tit{width: 90%;}
/*Mobile menu*/
.header_top .mobmens{position: absolute; top: 30px;}
.menu{width: 100%; margin-top: 0;}
.prod_hidd p{padding: 0 10px;}
.promcele{right: 0%;}
.enf_list .css3 .UlSelectize{top: 100% !important;}
.hmtrd .prod_list{height: 355px;}
/*Menu*/
#cssmenu ul{margin-top: 20px;}
#cssmenu ul ul{ margin-top: 0;}
@-moz-document url-prefix() {
    textarea {
        height: 8.8em !important /* or use px to be sure */ ; 
    }
    .feedenq  textarea {height: 9.7em !important;}
}

    
    
/*Animation*/
.hm_rangprod .svg-wrapper svg, .hm_coffmac_enquiry .svg-wrapper svg, .hm_connect .svg-wrapper svg{height: 80px !important;}
.hm_rangprod .shape, .hm_coffmac_enquiry .shape, .hm_connect .shape{height: 80px !important;}
.hm_rangprod:hover .rantit, .hm_coffmac_enquiry:hover .rantit, .hm_connect .hm_coffmac_enquiry:hover .rantit{ border: 1px solid #ed1c24; border-bottom: 0;}
.rantit h4{line-height: 75px; font-size: 26px;}
}

@media only screen and (min-width: 991px) and (max-width:1024px) {
/*   .bean_hl{padding-top: 125% !important;}*/
    .product_hover_cont p{width: 100%; padding: 0;}
    

    
@-moz-document url-prefix() {
    textarea {
        height: 7.891em !important /* or use px to be sure */ ; 
    }
}
    
    
}

@media only screen and (min-width: 991px) and (max-width:1200px) {
.conadd{width: auto;}
.hmconnect, .hmabt_cont{width: 75%;}
.menuhead .header_top{width:85%;}
    
    
.prodcont_hl{width: 40%; padding-top:0%; top: -60px;}
.mach_prodhl{min-height: 630px;}
.cele_prodhl{min-height: 710px;}
.beanhl{min-height:615px;}
.mach_prod{padding-right: 0; width: 94%;}
.mach_tech{ margin: 100px 0;}
.enquiry_details{width: 100%;}
/*.hmtrd .prod_list{min-height: 430px;}*/
.macper p{width: 95%;}
.down_bro a{font-size: 16px; padding: 0 28px;}

/*Bean cup*/
.beanprs_bigimg, .prodmid_bcup{width: 40%;}
.bean_hl{padding-top: 9% !important;} 
/*celsta*/
.celsta_hl{ padding-top: 70px;}
/*Distributor form*/
.dists_perg{width: 90%;}
.header_top{width: 93%;}
.prodmous_cele{  top:0 !important;}
.down_bro{margin-left: 35px;}
.abtscond{width: 70%;}
 .hmtrd .prod_list{height: 360px;}
.prod_hidd p{padding: 0 5%;}
}
@media only screen and (min-width:1200px) and (max-width:1300px) {
    .header_top{width: 93%;}
    .abtscond{width: 70%;}
    .prod_hidd p{padding: 0 5%;}

}

@media only screen and (min-width:1500px)  {
   
.header_top{width: 90%;}
.mach_prodhl{ min-height: 1110px;}
.mach_prod{width: 85%; padding-right: 0;}
/*.promech {float: none !important; width: 100%;}*/
.conadd {width:100%;}
.hmconnect{width: 60%;}
}


/* @media only screen and (min-width:1100px)  {
 .prtlas{height: 328px;}   
}

@media only screen and (min-width:1150px)  {
 .prtlas{height: 343px;}   
}

@media only screen and (min-width:1200px)  {
 .prtlas{height: 385px;}   
} */

@media only screen and (min-width:320px)  {
.extrcont_tech_dummy{display: block; margin-bottom: 20px;}
.extrcont_tech_original{display: none;}
}

@media only screen and (min-width:992px)  {
.extrcont_tech_dummy{display:none;}
.extrcont_tech_original{display:block;}
}


/*Device Media queries*/
@media only screen and (min-device-width : 320px)  and (orientation: portrait) { 
.slideshow, .abt_banner, .inner_banner{overflow: hidden;}
/*.slideshow img, .abt_banner img, .inner_banner img{  height: 450px;  margin-left: -365px; width: 245% !important}*/
/* .inner_banner img{margin-left: -380px;} */
.ragimg, .enqimg{overflow: hidden;}
/*.ragimg img {width: 230%; margin-left: -180px;}
 .enqimg img{width: 230%; margin-left: -288px;}*/
.hmtrd .prod_cld img {transform: scale(0.7); margin-top: -20px;}
.hmtrd .prod_list .prod_hidd{top: 271px;}
}

@media only screen and (min-device-width : 340px)  and (orientation: portrait) { 
/*.slideshow img, .abt_banner img, .inner_banner img{  height: 450px;  margin-left: -385px; width: 245% !important;}*/
    
}

@media only screen and (min-device-width : 360px)  and (orientation: portrait) { 
    /*.slideshow img, .abt_banner img, .inner_banner img{  height: 450px;  margin-left: -371px; width: 223% !important;}*/
    .carban img{margin-left: -221px;  width: 223% !important;}
}

@media only screen and (min-device-width : 480px)  and (orientation: portrait){ 
.slideshow, .abt_banner, .inner_banner{overflow: hidden;}
/*.slideshow img, .abt_banner img, .inner_banner img{  height: 550px;  margin-left: -483px; width: 220% !important;
}*/

@media only screen and (min-device-width : 600px)  and (orientation: portrait){ 
/*.slideshow img, .abt_banner img, .inner_banner img{  height: 450px;  margin-left: -465px; width: 178% !important;}
}*/

@media only screen and (min-device-width : 640px)  and (orientation: portrait){ 
/*.slideshow img, .abt_banner img, .inner_banner img{ height: 450px;  margin-left: -502px; width: 180% !important;}*/
.enqimg img{width: 230%; margin-left: -449px;}
.mobmens #cssmenu ul{top: 10px;}
.slideshow img, .abt_banner img, .inner_banner img{margin-left: -612px; width: 200% !important;}
}

@media only screen and (min-device-width : 767px)  and (orientation: portrait) { 
.slideshow, .abt_banner, .inner_banner{overflow: hidden;}
.slideshow img, .abt_banner img, .inner_banner img{ /* height: 690px; */ margin-left:0; width: 100% !important;}
.mobmens #cssmenu ul{top: 0px;}
.ragimg img, .enqimg img{width: 100%; margin-left: 0;}
.hmtrd .prod_cld img {transform: scale(0.7) ; margin-top: -20px;}
.hmtrd .prod_list .prod_hidd{top: 271px;}
}


/*Animation*/

@keyframes demo {
   0% {opacity:0;}
   50% {opacity:1;}
   100% {opacity:0;}
}

@-moz-keyframes demo { /* Firefox */
   0% {opacity:0;}
   50% {opacity:1;}
   100% {opacity:0;}
}

@-webkit-keyframes demo { /* Safari and Chrome */
   0% {opacity:0;}
   50% {opacity:1;}
   100% {opacity:0;}
}

@-o-keyframes demo { /* Opera */
   0% {opacity:0;}
   50% {opacity:1;}
   100% {opacity:0;}