/*reset css*/
.body{padding-top: 135px;}

#header .headwrap.sticky .new_tagLine{color: #fff;}
#header .headwrap.sticky .contact img{width: 25px; margin: 0 5px; padding: 0px; max-width:310px;}
#header .headwrap.sticky .contact{font-size: 12px; padding: 1px 7px;}
#header .headwrap.sticky .contactNo{font-size: 14px; line-height: 11px;}

#header .headwrap.sticky  .new_tagLine:after,  #header .headwrap.sticky  .new_tagLine:before { border-bottom: 22px solid transparent; border-top: 22px solid transparent;}
#header .headwrap.sticky  .new_tagLine:after{border-left:11px solid #006;}
#header .headwrap.sticky  .new_tagLine:before{border-right:11px solid #006; }
#header .headwrap.sticky  .new_tagLine{font-size:13px;}

#header .headwrap.sticky  .right-colm{width:85%; padding:7px 0 0 10px;}


/* style css changes  find and Replace css  */
#header .grid1{border-right: 1px solid #ccc; float: left; margin: 15px 0px 10px 0; width: 22%;}
#header .right-colm{width:78%; float: right; padding:18px 0  0 30px;}
#header .right-colm .grid_5{float:right; padding-top:7px;}
.new_tagLine{position: relative; font-size: 16px; color: #fff; background: #006; padding: 5px; font-weight:600;}
.new_tagLine:after, .new_tagLine:before{border-top:28px solid transparent;border-bottom:28px solid transparent; position: absolute; content:""; top:0px; bottom: 0px; margin: auto; height: 1px;}
.new_tagLine:after{left: 100%; border-left:14px solid #006;}
.new_tagLine:before{border-right:14px solid #006; right: 100%;}
ul.social li{height: 41px; line-height: 45px;  background: #404040;float: left;    margin-left: 1px;   overflow: hidden;   width: 40px; margin-bottom: 0px;}
.contact{background: #000066; font-size: 12px; color: #fff; display: table-cell; vertical-align: top; padding: 3px 10px;}
.contact .contactNo{font-size: 16px; color: #fff; line-height: 16px; white-space: nowrap;}
.socialLinks{float: none; display: table-cell;}
#header .grid3 {display: table; float: right; padding: 25px 0; width: auto;}
.contact img {float: left;padding:0 5px;}
/*---new css----*/
.socialLinks .social{float: right; text-align: center;}
.logo img{vertical-align: top;}


@media only screen and (max-width:479px) {
	#header .right-colm .grid_4, #header .right-colm .grid_5{width:100%; text-align:center;}
	#header .right-colm .grid_4{padding:0 10px 2px 10px;}
	.new-header .userAccount{top:-117px; right: 10px;}
	#header .headwrap.sticky .new_tagLine{font-size:11px;}

}

@media only screen and (min-width:480px) and (max-width:767px) {
	.contact .contactNo{display:block;}
	#header .right-colm .grid_4{padding-left:10px;}
	.new-header .userAccount{top:-87px; right:10px;}
	#header .right-colm{padding-bottom:5px;}

}
@media only screen and (max-width:767px) {
        .contact{margin-bottom: 3px;}
   .navTab{margin-left: 5px;}
    .body{padding-top: 5px !important;}
    #header{position: relative;}
#header .right-colm{width:100%; padding:0px;}
.new_tagLine{font-size:12px;}
.new_tagLine::after, .new_tagLine:before {border-bottom: 22px solid transparent; border-top: 22px solid transparent;}	
.new_tagLine:before {  border-right: 11px solid #006; right: 100%;}
.new_tagLine:after {  border-left: 11px solid #006; left: 100%;}

	#header .headwrap.sticky .right-colm{display:none;}

	#header .right-colm .grid_5 {padding-top:0px;}
	#header .headwrap.sticky .userAccount{top:-44px; }
}

/* tablet css */


@media only screen and (min-width:768px) and (max-width:990px) {
    .navTab{margin-left: 5px;}
#wrapper .body{padding-top:66px;}
#header.new-header  .contact, #header.new-header .headwrap.sticky .contact{display: inline-block; font-size: 10px; padding: 2px 10px; float:right; height:35px;}

.contact .contactNo, #header.new-header .headwrap.sticky .contactNo{font-size: 14px; line-height: 16px;}
#header.new-header .grid1, #header.new-header .headwrap.sticky .grid1{width: 26%; margin-right:0px;}

#header  .right-colm{width:74%; padding:7px 0 0 0px;}
#header .right-colm .grid_4{width:59%; text-align:center; padding-top:3px;}
#header .right-colm .grid_5{padding-right:67px; width:40%;}

.new_tagLine{font-size:12px; display:inline-block; vertical-align:top;}

#header.new-header .new_tagLine:after,  #header.new-header .new_tagLine:before {    border-bottom: 22px solid transparent;    border-top: 22px solid transparent;}
#header .headwrap.sticky  .new_tagLine:after,  #header .headwrap.sticky  .new_tagLine:before { border-bottom: 22px solid transparent; border-top: 22px solid transparent;}
#header .headwrap.sticky  .new_tagLine:after{border-left:11px solid #006;}
#header .headwrap.sticky  .new_tagLine:before{border-right:11px solid #006; }
.new-header  .userAccount{top:-51px; right: 7px;}
#header.new-header .logo img{width:160px; height: auto;}
#header .headwrap.sticky  .right-colm{width:74%; padding:7px 0 0 0px;}
#header .headwrap.sticky .right-colm .grid_4{width:60%; text-align:center; padding-top:3px;}
#header .headwrap.sticky .right-colm .grid_5{padding-right:67px; width:40%;}
#header .headwrap.sticky .new_tagLine{font-size:12px;}

}


@media only screen and (min-width:991px) and (max-width:1050px) {
.socialLinks .social{float: left;}
#header .right-colm{width:74%; padding-left:0px;}
#header .right-colm .grid_4{width:54%; text-align:center;}
#header .right-colm .grid_4 .new_tagLine{display:inline-block; vertical-align:top;}


#header .grid1{margin-right: 0px;}
.new_tagLine{font-size:13px; margin-top:5px;}
#header.new-header .new_tagLine:after,  #header.new-header .new_tagLine:before {    border-bottom: 22px solid transparent;    border-top: 22px solid transparent;}
#header .headwrap.sticky .right-colm{width:82%; padding-top:6px;}
#header .headwrap.sticky .right-colm .grid_4{width:60%;}
#header .headwrap.sticky .new_tagLine{font-size: 11px;}
#header .headwrap.sticky  .new_tagLine:after,  #header .headwrap.sticky  .new_tagLine:before { border-bottom: 20px solid transparent; border-top: 20px solid transparent;}
#header .headwrap.sticky  .new_tagLine:after{border-left:10px solid #006;}
#header .headwrap.sticky  .new_tagLine:before{border-right:10px solid #006; }
#header.new-header .headwrap.sticky .grid3{width: auto;}

#header.new-header .headwrap.sticky .contactNo{font-size: 14px;}
#header .headwrap.sticky .contact{font-size: 11px;}
    
}


