@font-face {
	font-family: Audiowide;
	src: url(../fonts/Audiowide.ttf);
}
@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
@import url('https://fonts.googleapis.com/css?family=Rubik&display=swap');
 @charset "utf-8";
/* ----------------------------------
	1. Reset default browser styles
	2. Basic classes and elements 
	3. Color Scheme
	4. Typography
	5. Header
	6. Sliders
	7. Tabs
	8. Carousels
	9. Twitter Feed
	10. Lists and navigations
	11. Buttons
	12. Tables
	13. Icons
	14. Main content elements
	15. Forms
	16. Footer
	17. Animations
	18. Responsive changes
	19. Retina ready

1. Reset default browser styles

------------------------------------- */

* {
	margin: 0;
	padding: 0;
	border: none;
}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video, main {
	display: block
}
mark, rp, rt, ruby, summary, time {
	display: inline
}
a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var {
	background: transparent;
	border: 0 none;
	font-weight: inherit;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: top;
}
a {
	text-decoration: none;
	outline: none !important;
}
b, strong {
	font-weight: bold !important;
}
ul, ol {
	list-style: none;
}
q {
	quotes: none;
}
table, table td {
	padding: 0;
	border: none;
	border-collapse: collapse;
}
img {
	vertical-align: top;
	max-width: 100%;
}
embed {
	vertical-align: top;
}
input, button {
	/*	-webkit-appearance:none;*/
	outline: none;
}
 button::-moz-focus-inner {
 border: 0;
}

html, body {
	height: 100%;
}
/* -----------------------------------

	2. Basic classes and elements 

------------------------------------- */
body {
	font: 500 14px/21px "Open Sans", Arial, sans-serif;
	color: #58595b;
	background: #fff;
	letter-spacing: 0.1px;
	overflow-x: hidden;
}
/*Margin*/
.pad-0 {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.m_left_0 {
	margin-left: 0 !important;
}
.m_right_0 {
	margin-right: 0 !important;
}
.m_left_5 {
	margin-left: 5px;
}
.m_left_10 {
	margin-left: 10px;
}
.m_left_15 {
	margin-left: 15px;
}
.m_left_20 {
	margin-left: 20px;
}
.m_left_40 {
	margin-left: 40px;
}
.m_right_5 {
	margin-right: 5px;
}
.m_right_6 {
	margin-right: 6px;
}
.m_right_8 {
	margin-right: 8px;
}
.m_right_10 {
	margin-right: 10px;
}
.m_right_15 {
	margin-right: 15px;
}
.m_right_20 {
	margin-right: 20px;
}
.m_right_25 {
	margin-right: 25px;
}
.m_right_29 {
	margin-right: 29px;
}
.m_right_30 {
	margin-right: 30px;
}
.m_right_35 {
	margin-right: 35px;
}
.p_bottom_0 {
	padding-bottom: 0 !important;
}
.m_bottom_0 {
	margin-bottom: 0 !important;
}
.m_bottom_3 {
	margin-bottom: 3px;
}
.m_bottom_5 {
	margin-bottom: 5px;
}
.m_bottom_10 {
	margin-bottom: 10px;
}
.m_bottom_12 {
	margin-bottom: 12px;
}
.m_bottom_15 {
	margin-bottom: 15px;
}
.m_bottom_20 {
	margin-bottom: 20px;
}
.m_bottom_25 {
	margin-bottom: 25px;
}
.m_bottom_30 {
	margin-bottom: 30px;
}
.m_bottom_35 {
	margin-bottom: 35px;
}
.m_bottom_40 {
	margin-bottom: 40px;
}
.m_bottom_45 {
	margin-bottom: 45px;
}
.m_bottom_50 {
	margin-bottom: 50px;
}
.m_bottom_60 {
	margin-bottom: 60px;
}
.m_bottom_65 {
	margin-bottom: 65px;
}
.m_bottom_100 {
	margin-bottom: 100px;
}
.m_top_0 {
	margin-top: 0px !important;
}
.m_top_5 {
	margin-top: 5px;
}
.m_top_10 {
	margin-top: 10px;
}
.m_top_20 {
	margin-top: 20px;
}
.m_top_30 {
	margin-top: 30px;
}
.m_top_40 {
	margin-top: 40px;
}
.m_top_50 {
	margin-top: 50px;
}
.m_top_100 {
	margin-top: 100px;
}
.fl_right {
	float: right;
}
.fl_left {
	float: left;
}
/*====================Index starts============================*/
.spacer{
	clear:both;
	padding:0;
	line-height:0;
}
.headrTop{
	margin:0 auto;
	width:100%;
	background: rgb(167,38,37);
	background: -moz-linear-gradient(90deg, rgba(167,38,37,1) 0%, rgba(167,38,37,1) 33%, rgba(228,31,27,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(167,38,37,1) 0%, rgba(167,38,37,1) 33%, rgba(228,31,27,1) 100%);
	background: linear-gradient(90deg, rgba(167,38,37,1) 0%, rgba(167,38,37,1) 33%, rgba(228,31,27,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a72625",endColorstr="#e41f1b",GradientType=1);
    color: #FFF;
	padding-top: 15px;
    padding-bottom: 15px;
}
.headrTop ul{
	text-align:right;
	width:auto;
}
.headrTop ul li{
	display:inline-table; 
	margin: 0 3px; 
	font:500 15px/20px 'Roboto', sans-serif;
}
.headrTop ul li a{
	outline:none;
	color:#FFF;
}
.headrTop ul li a:hover{color:#000;}
.headrTop ul li a i.fab{font-size:18px;}
.headrTop ul li a i.fas{font-size:18px;}
/* HEADER SLIDER AREA SECTION  css Starts here*/
.bannerSection{
	margin:0 auto;
	width:100%;
	border-top:2px solid #FFF;
}
.bannerSection .bannerPart{padding-left:0;}
.bannerSection .bannerPart img{
	position: relative;
    margin: 0 auto;
    width: 100%;
    display: table;
}
.bannerSection .bannerPart .logoSection{
	position: absolute;
    top: 0;
    padding-left: 42px;
	z-index:999;
	padding-top:24px;
}
.bannerSection .bannerPart .logoSection img{
	margin: 0;
    width:auto;
    display: block;
}
.bannerSection .bannerPart .partTimeSection{
	background:rgba(0, 0, 0, .6);
	position: absolute;
    top: 20em;
    padding-left: 0;
    z-index: 999;
    padding-top: 0;
	right:0;
	width:100%;
	padding-top: 26px;
    padding-bottom: 22px;
}
.bannerSection .bannerPart .partTimeSection h2{
	text-align: center;
    color: #ffba00;
    font: 700 29px/37px 'Lato', sans-serif;
    text-transform: uppercase;
    border-bottom: 2px solid #fff;
}
.bannerSection .bannerPart .partTimeSection h1{
	text-align: center;
    color: #ffba00;
    font: 700 29px/37px 'Lato', sans-serif;
    text-transform: uppercase;
    border-bottom: 2px solid #fff;
}
.bannerSection .bannerPart .partTimeSection h3{
	text-align: center;
    color: #FFF;
	font: 500 30px/54px 'Roboto', sans-serif;
    text-transform: uppercase;
}
.bannerSection .bannerPart .partTimeSection h3 i.fas{
	color: #FFF;
    font-size: 30px;
    margin-top: 5px;
    margin-right: 5px;
	line-height:40px;
}
.bannerSection .registerPart{
	background: rgb(167,38,37);
	background: -moz-linear-gradient(90deg, rgba(167,38,37,1) 0%, rgba(167,38,37,1) 33%, rgba(228,31,27,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(167,38,37,1) 0%, rgba(167,38,37,1) 33%, rgba(228,31,27,1) 100%);
	background: linear-gradient(90deg, rgba(167,38,37,1) 0%, rgba(167,38,37,1) 33%, rgba(228,31,27,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a72625",endColorstr="#e41f1b",GradientType=1);
/* 	padding-top:30px;
	padding-bottom:30px; */
}
    .bannerSection .registerPart:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-left: 103px solid transparent;
        border-right: 0 solid transparent;
        border-top: 684px solid #a72625;
        left: -103px;
        bottom: 0;
        position: absolute;
        z-index: 999;
    }
.bannerSection .registerPart h2{
	text-align:center;
	color:#FFF;
	font:700 63px/78px 'Roboto', sans-serif;	
	text-transform:uppercase;
	text-shadow:1px 5px 0px #000;
}
.bannerSection .registerPart h2 span{font-size:87px;}
.bannerSection .registerPart h3{
	text-align: center;
    color: #FFF;
    font: 700 46px/50px 'Roboto', sans-serif;
    text-transform: uppercase;
	padding-top: 13px;
    border-bottom: 4px solid #FFF;
    display: table;
    margin: 0 auto;
}
.bannerSection .registerPart #register {
        margin-top: 20px;
        padding-bottom: 20px;
    }
        .bannerSection .registerPart #register label {
            color: #FFF;
            font: 700 17px/40px 'Roboto', sans-serif !important;
            text-transform: uppercase;
            text-align: left;
            padding-right: 12px;
            margin-top: 0 !important;
        }
.form-height{
height:77px;
}
    .form-height span {
        font-size: 15px !important;
        color: #fff44f !important;
        
    }
.bannerSection .registerPart #register input{
    outline: none;
    border: none;
    width: 98%;
    height: 40px;
    margin-bottom: 10px;
    padding-left: 17px;
    font: 400 15px/20px 'Roboto', sans-serif;
    /*float: right;*/
    margin-right: 11px;
}
.bannerSection .registerPart #register select{
    outline: none;
    border: none;
    width: 98%;
    height: 40px;
    margin-bottom: 10px;
    cursor: pointer;
    border-radius: 0;
    float: right;
    font: 400 15px/20px 'Roboto', sans-serif;
    /* max-width: 88%; */
    margin-right: 11px;
}
.bannerSection .registerPart #register select#ddlState {
        width: 98%;
        outline: none;
        border: none;
        cursor: pointer;
        border-radius: 0;
        float: right;
        font: 400 15px/20px 'Roboto', sans-serif;
}
    .bannerSection .registerPart #register select#ddlGender {
        width: 95%;
    }
.bannerSection .registerPart #register select#ddlCity { width: 80%;   }
.bannerSection .registerPart #register select#DropDownList1 {width:70%}
.bannerSection .registerPart #register input#Wallwardrobe{
    border: none;
    width: auto;
    float: none;
    height: auto;
    margin-bottom: 0;
    top: -18px;
    position: relative;
    left: -33px;
}
.bannerSection .registerPart #register label.name-one{
    color: #FFF;
    font: 500 13px/15px'Roboto', sans-serif !important;
    text-transform: capitalize;
    padding-right: 0;
    position: relative;
    top: -10px;
    left: 0;
}
.bannerSection .registerPart #register label.name-one a{
    color: #FFF;
    outline: none;
    text-decoration: underline;
    font-weight: 700;
}
    .bannerSection .registerPart #register input.button {
        float: none;
        width: 30%;
        background: url(../images/button-bg.png) no-repeat left top #ad110f;
        color: #FFF;
        font: 700 17px/19px 'Roboto', sans-serif;
        height: 61px;
        padding-left: 78px;
        margin-bottom: 0;
        margin: 0 auto;
        display: table;
        -webkit-transition: all 1s ease-in-out;
        -moz-transition: all 1s ease-in-out;
        -o-transition: all 1s ease-in-out;
        transition: all 1s ease-in-out;
        /*-webkit-box-shadow: 0 0px 3px 1px rgba(255,255,255, 0.6);
        -moz-box-shadow: 0 0px 3px 1px rgba(255,255,255, 0.6);
        box-shadow: 0 0px 3px 1px rgba(255,255,255, 0.6);*/
        border-style: ridge;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }
.bannerSection .registerPart #register input.button:hover {
        background: url(../images/button-bg-hover.png) no-repeat left bottom #bc9445;
        width: 30%;
        height:61px;
}
.bannerSection .registerPart #register input#chkTerms {
    border: none;
    width: auto;
    float: right;
    height: auto;
    margin-bottom: 0;
    top: -9px;
    position: relative;
    left: -35px;
    margin-right: 0;
    padding-left: 0;
    z-index: 999;
}
    /* HEADER SLIDER AREA SECTION  css ends here*/
    /* BODY SECTION CSS STARTS HERE */
    .bodySection {
        margin: 0 auto;
        width: 100%;
    }
.aboutSection{
	margin:0 auto;
	width:100%;
	background:#dadada;
	padding-top:59px;
	padding-bottom:77px;
}
.aboutSection h2{
    text-align: center;
    font: 400 40px/42px 'Roboto', sans-serif;
    color: #de201d;
    margin: 0 auto;
    margin-bottom: 30px;
}
.aboutSection p{
	text-align: center;
    font: 400 16px/26px 'Roboto', sans-serif;
    color: #000;
}
.phoneJob{
	margin:0 auto;
	width:100%;
	background:#FFF;
	padding-top:74px;
	padding-bottom:74px;
}
.phoneJob h2{
	text-align: center;
    font: 400 40px/60px 'Roboto', sans-serif;
    color: #4c4b4b;
    margin: 0 auto;
	width: 100%
}
.phoneJob img{
	margin:0 auto;
	display:table;
	width:auto;
}
.phoneJob .listRow i.fas{
	color:#e31f1c;
	font-size:50px;
	margin:0 auto;
	display:table;
}
.phoneJob .listRow i.far{
	color:#e31f1c;
	font-size:50px;
	margin:0 auto;
	display:table;
}
.phoneJob .rowList{ margin-top:64px;}
.phoneJob .listRow p{
    text-align: center;
    font: 400 17px/22px 'Roboto', sans-serif;
    color: #000000;
	margin-top: 20px;
}
.phoneJob .listRow {margin-top:24px;}
.applySection{
	margin:0 auto;
	width:100%;
	background:#FFF;
	padding-top:74px;
	padding-bottom:74px;
}
.applySection h2{
	text-align: center;
    font: 400 40px/48px 'Roboto', sans-serif;
    color: #4c4b4b;
    margin: 0 auto;
    margin-bottom: 0;
	width:100%;
}
.applySection img{
	margin:0 auto;
	display:table;
	width:auto;
}
.applySection .applyList{margin-top:30px;}
.applySection .applyList .applyListBox{
	border:1px solid #ea5856;
    cursor:pointer;
}
.applySection .applyList .applyListBox h3{
	text-align:center;
	color:#FFF;
	font:400 20px/43px 'Roboto', sans-serif;
	background:#ab2525;
	text-transform: capitalize;
}
.applySection .applyList .applyListBox .iconBox{
	float:left;
	width:auto;
}
.applySection .applyList .applyListBox .iconBoxTxt{
	float:right;
    width: 65%;
}
.applySection .applyList .applyListBox .iconBoxTxt p{
    text-align: center;
    text-transform: uppercase;
    font: 500 19px/27px 'Roboto', sans-serif;
    color: #000;
    margin-top: 52px;
    margin-right: 12px;
}
/* BODY SECTION CSS ENDS HERE */
/* FOOTER CSS STARTS HERE */
footer#footer{
	background:#383838;
	margin:0 auto;
	width:100%;
	color:#FFF;
    padding-top: 20px;
    padding-bottom: 20px;
}
footer#footer p{
	font:400 15px/17px 'Roboto', sans-serif;
	color:#FFF;
	text-align:left;
}
footer#footer p a{color:#FFF; outline:none;}
footer#footer p.last-child{text-align:right;}
/* FOOTER CSS ENDS HERE */

#scroll {
    position: fixed;
    right: 10px;
    bottom: 10px;
    cursor: pointer;
    width: 50px;
    height: 50px;
    background-color: #e98687;
    text-indent: -9999px;
    display: none;
    z-index: 999;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    border: 2px solid #7ac0ab;
}
#scroll span {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -8px;
    margin-top: -12px;
    height: 0;
    width: 0;
    border: 8px solid transparent;
    border-bottom-color: #ffffff;
}
/*28-09-2019*/
#hoverbar {
    height: 100%;
    width: 90%;
    background: rgba(221, 32, 29, .9);
    position: absolute;
    visibility: hidden;
    margin-left: 0%;
    margin-top: -67%;
    z-index: 999;
    color: #FFF;
    padding: 10px;
}
.applyListBox:hover > #hoverbar {visibility: visible;}
.applyListBox #hoverbar h3 {
    background: none;
    font: 500 20px/24px 'Roboto', sans-serif;
    color: #FFF;
    text-align: center;
}
.applyListBox #hoverbar p {
    font: 400 16px/22px 'Roboto', sans-serif;
    color: #FFF;
    text-align: center;
    margin-top: 17px;
}
/*=============================== Modal Popup Start ===================================*/

.modalBackground {
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.modalPopup {
    background-color: #FFFFFF;
    width: 500px;
    border: 3px solid rgba(228,31,27,1);
    
}

    .modalPopup .header {
        background-color: rgba(228,31,27,1);
        height: 50px;
        color: White;
        line-height: 50px;
        text-align: center;
        font-weight: bold;
        font-size: 18px;
    }

    .modalPopup .body {
        min-height: 50px;
        line-height: 30px;
        text-align: center;
        padding: 30px;
    }
        .modalPopup .body p {
            font-weight: bold;
            margin-bottom:20px;
        }

        .modalPopup .body span {
            font-weight: bold;
        }

.modal-button {
    width: 130px !important;
}
/*=============================== Modal Popup End ===================================*/

/*=============================== Thank You Page Starts ===================================*/
.tank_page_box {width: 50%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);box-shadow: 0 0 30px rgb(0 0 0 / 20%);border-radius: 15px;overflow: hidden;}
.tank_page_box h1{color: #de201d;  font: 700 63px/78px 'Roboto', sans-serif;  text-transform: uppercase;padding:20px;}
.tank_page_box p{color:#000;padding:0 20px;}
.trouble span{width:100%; display:block;}
.trouble input {float: none;width: 30%;background: url(../images/button-bg.png) no-repeat left top #ad110f;color: #FFF;font: 700 17px/19px 'Roboto', sans-serif;height: 61px;padding-left: 78px;margin: 10px auto;display: table;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;/*-webkit-box-shadow: 0 0px 3px 1px rgba(255,255,255, 0.6);-moz-box-shadow: 0 0px 3px 1px rgba(255,255,255, 0.6);box-shadow: 0 0px 3px 1px rgba(255,255,255, 0.6);*/border-style: ridge;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.trouble input:hover {background: url(../images/button-bg-hover.png) no-repeat left bottom #bc9445; width: 30%; height:61px;}
.tank_page_box .lead a{background:transparent;color:blue;border:none;font-size:16px;}
.tank_page_box h2{background: #ad110f;color: #fff;font-weight: bold;padding: 10px 20px;margin-top: 10px;font-size: 22px;}
/*=============================== Thank You Page End ===================================*/



/*28-09-2019*/
/*============================== media quaries starts==============================*/
@media(max-width: 1200px) {
}
@media(min-width: 1025px) and(max-width: 1280px) {

}
@media(min-width: 981px) and ( max-width: 1024px) {
	.applySection .applyList .applyListBox .iconBox{float:none;}
	.applySection .applyList .applyListBox .iconBox img{width:100%;}
	.applySection .applyList .applyListBox .iconBoxTxt {
    float: none;
    width: 100%;
}
.applySection .applyList .applyListBox .iconBoxTxt p{
	    margin-top: 0;
    margin-right: 0;
}
}
@media(min-width: 768px) and ( max-width: 980px) {
		.applySection .applyList .applyListBox .iconBox{float:none;}
	.applySection .applyList .applyListBox .iconBox img{width:100%;}
	.applySection .applyList .applyListBox .iconBoxTxt {
    float: none;
    width: 100%;
}
.applySection .applyList .applyListBox .iconBoxTxt p{
	margin-top: 0;
    margin-right: 0;
}
    .tank_page_box {
        width:80%;
    }
}
@media(max-width: 767px) {
	.applySection .applyList .applyListBox {
    border: 1px solid #ea5856;
    margin-bottom: 20px;
}
.applySection .applyList .applyListBox .iconBoxTxt {
    float: none;
    width: 100%;
}
footer#footer p {
    font: 400 15px/17px 'Roboto', sans-serif;
    color: #FFF;
    text-align: center;
}
footer#footer p.last-child {
    text-align: center;
}
.bannerSection .registerPart #register {
    margin-top: 20px;
    margin: 0 auto;
    width: 90%;
    padding-bottom: 20px;
}
.bannerSection .registerPart h3{margin-bottom:28px;}
    .bannerSection .registerPart #register select#ddlState {
        width: 100%;
        float:none;
    }
    .boxInput {
        margin: 0 auto;
        width: 100%;
        padding-top: 0;
    }
    .bannerSection .registerPart #register select#DropDownList1 {
        width: 100%;
        float:none;
    }
    .bannerSection .registerPart #register input.button{width:100%;}
        .bannerSection .registerPart #register input.button:hover {
            background: url(../images/button-bg-hover.png) no-repeat left bottom #bc9445;
            width: 100%;
        }
    .bannerSection .registerPart #register input {
        width: 100%;
        float: none;
        margin-right: 0;
        margin-bottom:0;
    }
.bannerSection .registerPart #register input{}
    .bannerSection .registerPart #register select {
        width: 100%;
        float: none;
        margin-right: 0;
        margin-bottom: 0;
    }
    #hoverbar {
        height: 96%;
        width: 95%;
        background: rgba(221, 32, 29, .9);
        position: absolute;
        visibility: hidden;
        margin-left: 0%;
        margin-top: -192px;
        z-index: 999;
        color: #FFF;
        padding: 10px;
    }
    .bannerSection .registerPart #register input#Wallwardrobe {
        border: none;
        width: auto;
        float: none;
        height: auto;
        margin-bottom: 0;
        top: 11px;
        position: relative;
        left: 0;
    }
    .bannerSection .registerPart #register label.name-one {
        color: #FFF;
        font: 500 13px/17px 'Roboto', sans-serif !important;
        text-transform: capitalize;
        padding-right: 0;
        position: relative;
        top: -6px;
        left: 0;
        float: right;
        width: 90%;
    }
    .bannerSection .registerPart #register input#chkTerms {
        float: left;
        width: 6%;
        top: 9px;
        left: 10px;
    }
    .bannerSection .registerPart h2 {
        text-align: center;
        color: #FFF;
        font: 700 27px/39px 'Roboto', sans-serif;
        text-transform: uppercase;
        text-shadow: 1px 5px 0px #000;
    }

        .bannerSection .registerPart h2 span {
            font-size: 27px;
        }

    .bannerSection .registerPart h3 {
        margin-bottom: 10px;
    }

    .bannerSection .registerPart h3 {
        font: 700 33px/34px 'Roboto', sans-serif;
    }

    .bannerSection .bannerPart .partTimeSection h3 {
        text-align: center;
        color: #FFF;
        font: 500 25px/50px 'Roboto', sans-serif;
        text-transform: uppercase;
    }
    .bannerSection .registerPart #register select#ddlCity { width: 100%; }
    .modalPopup {
    width: 98%;
        }

    .tank_page_box{width:100%;}
    .tank_page_box h1{font: 700 28px 'Roboto', sans-serif;text-transform: uppercase;padding: 10px 5px;}
    .trouble input{width:200px;}
    .tank_page_box h2{font-size:16px;}
    .tank_page_box p{font-size:16px;}

}
@media(max-width: 480px) {
.bannerSection .bannerPart .partTimeSection{
	top: 10em;
}
/*.bannerSection .registerPart #register input{width:72%;}
    .bannerSection .registerPart #register select#ddlState {
        width: 72%;
    }
.bannerSection .registerPart #register select{width:72%;}
.bannerSection .registerPart #register input{width:72%;}
.bannerSection .registerPart #register input.button{width:100%;}
.headrTop ul {
    text-align: center;
    width: auto;
}
    .bannerSection .registerPart #register select#DropDownList1 {
        width:79%;
    }
    .boxInput {
        margin: 0 auto;
        width: 90%;
        padding-top: 0;
    }
    .bannerSection .registerPart #register input#Wallwardrobe {
        top: 0;
        position: inherit;
        left: 0;
        padding-left: 0;
        margin-right: 0;
        margin-top: 14px;
    }
    .bannerSection .registerPart #register label.name-one {
        position: inherit;
        top: 0;
        left: 0;
    }
    .bannerSection .registerPart #register select#DropDownList1 {
        width: 72%;
    }*/
    .phoneJob .rowList {
        margin-top: 0;
    }

    .bannerSection .registerPart #register input#Wallwardrobe {
        margin-bottom: 0;
        top: 0;
        position: inherit;
        left: 0;
        margin-top: 13px;
    }

    /*.bannerSection .registerPart #register label.name-one {
        position: inherit;
        top: 0;
        left: 0;
        float: right;
        width: 91%;
    }*/

    .boxInput {
        margin: 0 auto;
        width: 100%;
        padding-top: 0;
    }
    .bannerSection .registerPart h2 {
        text-align: center;
        color: #FFF;
        font: 700 27px/39px 'Roboto', sans-serif;
        text-transform: uppercase;
        text-shadow: 1px 5px 0px #000;
    }
        .bannerSection .registerPart h2 span {
            font-size: 27px;
        }
    .bannerSection .registerPart h3 {
        margin-bottom: 10px;
    }
    .bannerSection .registerPart h3{    font: 700 33px/34px 'Roboto', sans-serif;}
    .bannerSection .bannerPart .partTimeSection h3 {
        text-align: center;
        color: #FFF;
        font: 500 25px/50px 'Roboto', sans-serif;
        text-transform: uppercase;
    }
}
@media(max-width: 360px) {
    .bannerSection .bannerPart .partTimeSection {
        top: 7em;
    }
/*.bannerSection .registerPart #register input{width:80%;}
.bannerSection .registerPart #register select#city {
width: 72%;
}
.bannerSection .registerPart #register select{width:72%;}
.bannerSection .registerPart #register input{width:72%;}
.bannerSection .registerPart #register input.button{width:100%;}
.headrTop ul {
    text-align: center;
    width: auto;
}
    .bannerSection .registerPart #register input#Wallwardrobe {
        top: 0;
        position: inherit;
        left: 0;
        padding-left: 0;
        margin-right: 0;
        margin-top: 14px;
    }

    .bannerSection .registerPart #register label.name-one {
        position: inherit;
        top: 0;
        left: 0;
    }*/
    .phoneJob .rowList {
        margin-top: 0;
    }
    .phoneJob .rowList {
        margin-top: 0;
    }

    .bannerSection .registerPart #register input#Wallwardrobe {
        margin-bottom: 0;
        top: 0;
        position: inherit;
        left: 0;
        margin-top: 13px;
    }

    /*.bannerSection .registerPart #register label.name-one {
        position: inherit;
        top: 0;
        left: 0;
        float: right;
        width: 91%;
    }*/

    .boxInput {
        margin: 0 auto;
        width: 100%;
        padding-top: 0;
    }
    .bannerSection .registerPart h2 {
        text-align: center;
        color: #FFF;
        font: 700 27px/39px 'Roboto', sans-serif;
        text-transform: uppercase;
        text-shadow: 1px 2px 0px #000;
    }

        .bannerSection .registerPart h2 span {
            font-size: 27px;
        }

    .bannerSection .registerPart h3 {
        font: 700 24px/24px 'Roboto', sans-serif;
        margin-bottom: 0;
    }

    .bannerSection .bannerPart .partTimeSection h3 {
        text-align: center;
        color: #FFF;
        font: 500 25px/50px 'Roboto', sans-serif;
        text-transform: uppercase;
    }
}
@media(max-width: 320px) {
    .phoneJob .rowList {
        margin-top: 0;
    }
    .bannerSection .registerPart #register input#Wallwardrobe {
        margin-bottom: 0;
        top: 0;
        position: inherit;
        left: 0;
        margin-top: 13px;
    }
    /*.bannerSection .registerPart #register label.name-one {
        position: inherit;
        top: 0;
        left: 0;
        float: right;
        width: 91%;
    }*/
    .boxInput {
        margin: 0 auto;
        width: 100%;
        padding-top: 0;
    }
    .bannerSection .registerPart h2 {
        text-align: center;
        color: #FFF;
        font: 700 27px/39px 'Roboto', sans-serif;
        text-transform: uppercase;
        text-shadow: 1px 2px 0px #000;
    }

        .bannerSection .registerPart h2 span {
            font-size: 27px;
        }

    .bannerSection .registerPart h3 {
        margin-bottom: 10px;
    }

    .bannerSection .registerPart h3 {
        font: 700 33px/34px 'Roboto', sans-serif;
    }
    .bannerSection .bannerPart .partTimeSection h3 {
        text-align: center;
        color: #FFF;
        font: 500 18px/40px 'Roboto', sans-serif;
        text-transform: uppercase;
    }
    .bannerSection .bannerPart .partTimeSection {
        top: 7em;
        padding-top: 0;
        padding-bottom: 0;
    }
.bannerSection .bannerPart .partTimeSection h2{ font: 700 18px/37px 'Lato', sans-serif;}
}
@media (max-width: 62em) {
}


/*=============================== media quaries ends ===================================*/