@charset "utf-8";
/* Created by: Sajeeshfrancis from Accord Fintech Pvt. Ltd. */

@media only screen and (min-width : 1200px){
.header > h1{width:250px; height:90px;}
.navaum > ul > li{ float:left; margin:0 0 0 15px; padding:0;}
.navaum > ul > li > a{ width:160px;padding:9px 9px 0 48px;}
ul.producttabs > li > a{ padding:16px 30px 0 76px;}
ul.producttabs > li.morebtn > a{padding:45px 25px 0 25px;}
.pbdbox {
    padding-bottom: 66px !important;
}
}
@media only screen and (max-width: 992px) {
.header > h1{width:190px; height:70px; margin:2px 0 5px 0;}
.navaum{ position:fixed; right:0; left:0; bottom:0;top:70px; background:#1a385f; padding:8px; display:none; overflow:auto;}
.navaum > ul{ margin:0;}
.navaum > ul > li{ float:none; margin:0 0 8px 0;}
.navaum > ul > li > a{ width:100%; line-height:34px; font-size:15px;font-family: 'ralewaymedium';}
.navaum > ul > li > a > i{display:inline-block; margin-left:4px}
.navaum > ul > li > a[rel="Careers"] > i,.navaum > ul > li > a[rel="Login"] > i{ display:block;}
.navaum > ul > li > a[rel="Careers"],.navaum > ul > li > a[rel="Login"]{width:100%; padding:9px 3px 0 44px;}
.getquotesbg{position:relative; right:auto; top:auto; width:100%; height:70px;}
.getquotesbg > input{ height:38px; width:100%;}
.getquotesbg > a{ top:0; bottom:-1px;height:auto;border-left:none;}
.navdrop{ position:relative; width:100%;left:0px; top:0px; height:140px; overflow:auto; margin-top:-8px;}
.navdrop.careerdrop, .navdrop.logindrop{ height:110px;}
.navdrop > ul{margin:0;float:none;}
.navdrop > ul > li{ margin:0 0 4px 0;}
#mobnav{ display:block;}
.homebanner{margin-top:75px;}
.products{ overflow-x:auto;overflow-y:hidden !important; width:100%; margin-bottom:20px; height:90px; top:0;}
ul.producttabs{ width:1150px;}
ul.producttabs > li > a{ padding:16px 30px 0 76px;}
ul.producttabs > li.morebtn > a{padding:45px 25px 0 25px;}
.productbg{padding:20px 0;}
#divwordSearchListleft { width:100%}
.pbdbox {padding-bottom: 25px !important;}
.navwidth {width:100%}
}

@media only screen and (max-width: 767px) {
.slide > p {display:none !important;}
.slide > h3{font-size:60px; width:1200px}
.slide > h3.s2{width:1300px;}
.slide > h3 > b{ font-size:80px;}
.slide img[data-step="1"],.slide img[data-step="2"],.slide img[data-step="3"]{ display:none !important;}
.slide > a{height:130px; padding:0 15px; font-size:50px;line-height:270% !important;}
.productbg h2{ font-size:25px; line-height:30px;margin:0 0 20px 0;}
.pcont > h3{font-size:20px;line-height:24px;}
.productcontent{ text-align:center;}
.pcont p a{ display:block; margin:10px 0 0 0; text-align:center;}
.productcontent img{ margin:0 auto;}
.pbdbox {
    padding-bottom: 20px !important;
}
}	
	
@media only screen and (max-width: 479px) {
.pbdbox {
    padding-bottom: 20px !important;
}

#divhpopup > div { width: 320px; right: 50%;margin-right: -160px; height: 355px;}
#divhpopup > div > span { position: absolute;right: 0px; top: -37px; cursor: pointer; color: #F7F7F7; font-size: 12px; width: 50px; height: 36px;text-align: center;line-height: 50px; }

#nsepopup > div { width: 320px; right: 50%;margin-right: -160px; height: 355px;}
#nsepopup > div > span { position: absolute;right: 0px; top: -37px; cursor: pointer; color: #F7F7F7; font-size: 12px; width: 50px; height: 36px;text-align: center;line-height: 50px; }

}