@charset "utf-8";
/* CSS Document */

/************************************************************************************
RESET
*************************************************************************************/

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset { margin: 0; padding: 0; }
img, fieldset { border: 0; }
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
img { max-width: 100%; height:auto }
* { box-sizing: border-box; }
.sprite { background: url(../images1/sprite.png) no-repeat }
html, body { margin: 0; padding: 0; width: 100%; width: 100%; }
 body {background-image: url(../images1/body_bg.jpg); font-family: calibri;margin: 0; padding: 0; width: 100%; width: 100%; font-family: calibri;  }

#wrapper { display: block; position: fixed; width: 100%; height: 100%; }
#leftWrapper { display: inline-block; position: absolute; left: 0; margin: 0; padding: 0; width: 15em; height: 100%; 
overflow: visible; background-color: #027fbc; 

 }
.left-row-inner { height: 100%; overflow-y: auto; position: relative; width: 110%; }
#listView { display: block; position: relative; margin-top: 0px }
#listView li { display: block; list-style: none; }
#listView li a { display: block; padding: 20px 20px 20px 47px; color: #fff; font-size: 17px; text-decoration: none; text-transform: uppercase; border-top: 1px solid #039bd0; border-bottom: 1px solid #0168ab; -webkit-transition: all .20s ease; -moz-transition: all .20s ease; -o-transition: all .20s ease; transition: all .20s ease; }
#listView li:hover { background: #046c9f; }
.logo { float: left; padding: 8px 20px; display: block; 
width: 100%; -webkit-transition: all .20s ease; -moz-transition: all .20s ease; -o-transition: all .20s ease; 
transition: all .20s ease; background: #046c9f; border:none; }
#rightWrapper { display: inline-block; position: absolute; left: 15em; margin: 0; padding: 0px 10px; width: calc(100% - 15em); height: 100%; overflow-y: scroll; background: url(../images1/body_bg.jpg); -webkit-transition: all .20s ease; -moz-transition: all .20s ease; -o-transition: all .20s ease; transition: all .20s ease; }
#header { display: block; position: fixed; left: 15em; width: 100%; z-index: 999; background-color: #008ace; border-bottom: 2px solid rgba(0,0,0,0.2); -webkit-transition: all .20s ease; -moz-transition: all .20s ease; -o-transition: all .20s ease; transition: all .20s ease; }
#fullPage { display: inline-block; margin-left: 20px; padding: 10px; font-family: sans-serif; color: #fff; font-size: 2em; font-weight: bold; text-decoration: none; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
#contentWrapper { display: block; position: relative; margin-top: 80px; width: 100%; height: 100%; }
article { margin-bottom: 20px; color: #1e1e1e; font-size: 1em; text-decoration: none; background-color: #fff; border: 1px solid rgba(0,0,0,0.1); border-bottom: 2px solid rgba(0,0,0,0.1); }
section { padding: 10px; }
.article-header { padding: 5px 8px; color: #525252; font-size: 18px; text-align: left; background-color: #f7f7f7; width: 100%; float: left; border-bottom: 1px solid #dfdfe0; text-transform: uppercase; font-weight: bold }
.article-content { width: 100%; float: left; padding: 10px 15px }
.appoinment-table { width: 100%; float: left }
.appoinment-table-head { width: 100%; float: left; padding: 8px 10px; background: #ededee; color: #68686b; font-size: 17px; text-transform: uppercase }
.appoinment-table-cont { width: 100%; float: left; padding: 8px 10px; color: #68686b; font-size: 17px; border-bottom: 1px solid #dfdfe0 }
.appot-box { width: 30%; float: left }
.alert-table { width: 100%; float: left }
.alert-table-row { width: 100%; float: left; background: #fafafa; border: 1px solid #e6e9eb; padding: 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 17px; color: #797d84; margin: 5px 0 }
.alert-table-row span { color: #4b4d50; font-style: italic; color: #4b4d50; width: 100%; float: left; margin-top: 5px }
#showCase, #showCase section, #showCase section a { display: inline-block; padding: 10px; vertical-align: top; width: 100%; color: #1e1e1e; text-decoration: none; border: 1px solid #ccd6db; -webkit-transition: all .20s ease; -moz-transition: all .20s ease; -o-transition: all .20s ease; transition: all .20s ease; }
#showCase { padding: 0; }
#showCase section a { box-shadow: inset 0px -2px #2DCC70; }
#showCase section a:hover { color: #fff; /* [disabled]box-shadow: inset 0px -50px #2DCC70; */ }
#social { text-align: center; }
#social a { display: inline-block; width: 60px; height: 60px; box-shadow: inset 0px 0px; }
#social a:hover { box-shadow: inset 0px 0px; }
#social a img { max-width: 100%; }
.full-page { left: 0 !important; width: 100% !important; }
.list-item-active:after { content: ""; position: absolute; margin-top: -65px; margin-left: 13.45em; width: 0; height: 0; border-top: 33px solid transparent; border-bottom: 33px solid transparent; border-right: 25px solid #e9e9e9; -webkit-transition: all .20s ease; -moz-transition: all .20s ease; -o-transition: all .20s ease; transition: all .20s ease; }
.home_icon { background-position: 11px 13px; }
.todo_icon { background-position: 10px -43px; }
.acut_icon { background-position: 10px -106px; }
.mast_icon { background-position: 10px -170px; }
.trans_icon { background-position: 10px -236px; }
.report_icon { background-position: 10px -305px }
.utilities_icon { background-position: 10px -377px }
.setting_icon { background-position: 10px -438px }
.doc_icon { background-position: 10px -510px }
.contact_icon { background-position: 10px -581px }
.mainbtn-row { width: 100%; float: left; padding: 20px 0 }
.menuicon { float: left; margin-right: 10px }
.adnew { font-size: 17px; color: #fff; background: #d94707; font-weight: normal; padding: 5px }
.toppath { width: 100%; float: left; background: #fff; padding: 10px; color: #909090; border: 1px solid #dfe6e9 }
.toppath span { color: #686868; font-style: italic }
.footer { background: #235170; width: 100%; padding: 5px 5px; color: #c2c2c2; font-size: 16px; position: absolute; bottom: 0 }
.bigbtn {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0a9de6+0,09659a+100 */ background: #0a9de6; /* Old browsers */
 background: -moz-linear-gradient(top, #0a9de6 0%, #09659a 100%); /* FF3.6-15 */ 
background: -webkit-linear-gradient(top, #0a9de6 0%, #09659a 100%); /* Chrome10-25,Safari5.1-6 */ 
background: linear-gradient(to bottom, #0a9de6 0%, #09659a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a9de6', endColorstr='#09659a', GradientType=0 );
 /* IE6-9 */
border: 3px solid #c9c9c9; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; float: left; color: #fff; font-size: 30px; text-transform: uppercase; text-decoration: none; padding: 15px 15px; margin-right: 10px; line-height: 41px }


.bigbtn:hover {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0a9de6+0,09659a+100 */ background: #0a9de6; /* Old browsers */ background: -moz-linear-gradient(45deg, #0a9de6 0%, #09659a 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #0a9de6 0%, #09659a 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #0a9de6 0%, #09659a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a9de6', endColorstr='#09659a', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
/*#listView li ul { display: block; background: #046c9f }
#listView li ul li { color: #fff; width: 100%; }
#listView li ul li a { padding: 10px 0; font-size: 16px; padding-left: 15px }
#listView li ul li a:hover { background: #4092ba; }
.bigbtn span { float: left; margin-right: 10px }
.dropbtn { cursor: pointer; }
.dropdown { position: relative; display: inline-block; width: 100% }
.dropdown-content { display: none;  position: absolute; z-index:100;
background-color: #046c9f; width: 260px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); }
.dropdown-content a { color: black; padding: 12px 16px  12px 40px; text-decoration: none; display: block; color: #fff; border-top: 1px solid #0583b4; border-bottom: 1px solid #035a8d; }
.dropdown-content a:hover { background-color: #035d89 }
.dropdown:hover .dropdown-content { display: block; }
.dropdown:hover .dropbtn { background-color: #035780; }*/


.login-row{ background: #0577b4;
    color: #fff;
    float: right;
    height: 58px;
    width: 600px;
	margin-right:16em;
	
	/*padding:5px;*/}

.user-img{ width:40px; float:left; margin-top:6px;}
.user-name{ max-width:100%; margin-left:50px; font-size:15px; color:#f9f9f9; line-height:18px; margin-top:8px}


.login-bg{  background: url(../images1/loginbg.jpg) fixed right top / cover ; 
    width: 100%;height: 100%;}
.login_wrapper{ 
}

.login_box{
	width:733px;
	margin:5% auto 0 auto;
	
	background:url(../images1/log-boxbg.jpg) no-repeat;
	min-height:448px;
	border:1px solid #FFF;
	color:#6d6e6f;
	-webkit-box-shadow: 0px 5px 53px 6px rgba(77,77,77,0.56);
-moz-box-shadow: 0px 5px 53px 6px rgba(77,77,77,0.56);
box-shadow: 0px 5px 53px 6px rgba(77,77,77,0.56);
	}
.login-left-box{
	width:50%;
	float:left;
	
	}
.login-right-box{
	width:50%;
	float:right;
	padding:5%;
	}
.login_log{
	margin-bottom:25px;
	}
.login_box input {
    border-color: #ded9d6;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    margin: 0 15px 0 0;
    position: relative;
	padding: 14px 18px;
	margin:5px 0px 15px 0px;
	float:left;
}
.login_box input:focus {
    border-color: #59de2c;
    border-width: 1px;
    padding: 14px 18px;}

.login_box button {

    background-color: #117aaa;
    cursor: pointer;
    padding: 10px 15px;
    width: auto;
	color:#FFF;
	border:none;
	font-size:18px;
	text-transform:uppercase;
	margin-top:20px;
}



.remember-me{
	float:left;
	}
.remember-me input{
	width:20px !important;
	border-color: #ded9d6;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
	padding: 14px 18px;
}
	
.emember-me-checkbox input{
	float:left;
	}
.input_width{
	width:100%;
	}
.forgot-password{
	float:right;
	color:#c8260b;
	text-decoration:underline;
	}
.forgot-password a{
	color:#c8260b;
	text-decoration:underline;
	}
.bigbtn1 {
	background: rgba(247,231,1,1);
background: -moz-linear-gradient(top, rgba(247,231,1,1) 0%, rgba(214,127,5,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(247,231,1,1)), color-stop(100%, rgba(214,127,5,1)));
background: -webkit-linear-gradient(top, rgba(247,231,1,1) 0%, rgba(214,127,5,1) 100%);
background: -o-linear-gradient(top, rgba(247,231,1,1) 0%, rgba(214,127,5,1) 100%);
background: -ms-linear-gradient(top, rgba(247,231,1,1) 0%, rgba(214,127,5,1) 100%);
background: linear-gradient(to bottom, rgba(247,231,1,1) 0%, rgba(214,127,5,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7e701', endColorstr='#d67f05', GradientType=0 );
	}
	
.bigbtn1:hover{
		background: rgba(214,204,64,1);
background: -moz-linear-gradient(top, rgba(214,204,64,1) 0%, rgba(212,140,40,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(214,204,64,1)), color-stop(100%, rgba(212,140,40,1)));
background: -webkit-linear-gradient(top, rgba(214,204,64,1) 0%, rgba(212,140,40,1) 100%);
background: -o-linear-gradient(top, rgba(214,204,64,1) 0%, rgba(212,140,40,1) 100%);
background: -ms-linear-gradient(top, rgba(214,204,64,1) 0%, rgba(212,140,40,1) 100%);
background: linear-gradient(to bottom, rgba(214,204,64,1) 0%, rgba(212,140,40,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6cc40', endColorstr='#d48c28', GradientType=0 );}


.bigbtn2 {
	background: rgba(210,35,99,1);
background: -moz-linear-gradient(top, rgba(210,35,99,1) 0%, rgba(150,9,65,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(210,35,99,1)), color-stop(100%, rgba(150,9,65,1)));
background: -webkit-linear-gradient(top, rgba(210,35,99,1) 0%, rgba(150,9,65,1) 100%);
background: -o-linear-gradient(top, rgba(210,35,99,1) 0%, rgba(150,9,65,1) 100%);
background: -ms-linear-gradient(top, rgba(210,35,99,1) 0%, rgba(150,9,65,1) 100%);
background: linear-gradient(to bottom, rgba(210,35,99,1) 0%, rgba(150,9,65,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d22363', endColorstr='#960941', GradientType=0 );
	}
	
.bigbtn2:hover{
		background: rgba(194,24,86,1);
background: -moz-linear-gradient(top, rgba(194,24,86,1) 0%, rgba(122,6,53,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(194,24,86,1)), color-stop(100%, rgba(122,6,53,1)));
background: -webkit-linear-gradient(top, rgba(194,24,86,1) 0%, rgba(122,6,53,1) 100%);
background: -o-linear-gradient(top, rgba(194,24,86,1) 0%, rgba(122,6,53,1) 100%);
background: -ms-linear-gradient(top, rgba(194,24,86,1) 0%, rgba(122,6,53,1) 100%);
background: linear-gradient(to bottom, rgba(194,24,86,1) 0%, rgba(122,6,53,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c21856', endColorstr='#7a0635', GradientType=0 );}


.bigbtn3 {
	background: rgba(12,148,216,1);
background: -moz-linear-gradient(top, rgba(12,148,216,1) 0%, rgba(9,101,154,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(12,148,216,1)), color-stop(100%, rgba(9,101,154,1)));
background: -webkit-linear-gradient(top, rgba(12,148,216,1) 0%, rgba(9,101,154,1) 100%);
background: -o-linear-gradient(top, rgba(12,148,216,1) 0%, rgba(9,101,154,1) 100%);
background: -ms-linear-gradient(top, rgba(12,148,216,1) 0%, rgba(9,101,154,1) 100%);
background: linear-gradient(to bottom, rgba(12,148,216,1) 0%, rgba(9,101,154,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c94d8', endColorstr='#09659a', GradientType=0 );
	}
	
.bigbtn3:hover{
		background: rgba(15,134,194,1);
background: -moz-linear-gradient(top, rgba(15,134,194,1) 0%, rgba(7,82,122,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(15,134,194,1)), color-stop(100%, rgba(7,82,122,1)));
background: -webkit-linear-gradient(top, rgba(15,134,194,1) 0%, rgba(7,82,122,1) 100%);
background: -o-linear-gradient(top, rgba(15,134,194,1) 0%, rgba(7,82,122,1) 100%);
background: -ms-linear-gradient(top, rgba(15,134,194,1) 0%, rgba(7,82,122,1) 100%);
background: linear-gradient(to bottom, rgba(15,134,194,1) 0%, rgba(7,82,122,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f86c2', endColorstr='#07527a', GradientType=0 );}


.bigbtn4 {
	background: rgba(7,200,78,1);
background: -moz-linear-gradient(top, rgba(7,200,78,1) 0%, rgba(9,129,81,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(7,200,78,1)), color-stop(100%, rgba(9,129,81,1)));
background: -webkit-linear-gradient(top, rgba(7,200,78,1) 0%, rgba(9,129,81,1) 100%);
background: -o-linear-gradient(top, rgba(7,200,78,1) 0%, rgba(9,129,81,1) 100%);
background: -ms-linear-gradient(top, rgba(7,200,78,1) 0%, rgba(9,129,81,1) 100%);
background: linear-gradient(to bottom, rgba(7,200,78,1) 0%, rgba(9,129,81,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#07c84e', endColorstr='#098151', GradientType=0 );
	}
	
.bigbtn4:hover{
		background: rgba(8,163,65,1);
background: -moz-linear-gradient(top, rgba(8,163,65,1) 0%, rgba(6,102,64,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(8,163,65,1)), color-stop(100%, rgba(6,102,64,1)));
background: -webkit-linear-gradient(top, rgba(8,163,65,1) 0%, rgba(6,102,64,1) 100%);
background: -o-linear-gradient(top, rgba(8,163,65,1) 0%, rgba(6,102,64,1) 100%);
background: -ms-linear-gradient(top, rgba(8,163,65,1) 0%, rgba(6,102,64,1) 100%);
background: linear-gradient(to bottom, rgba(8,163,65,1) 0%, rgba(6,102,64,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#08a341', endColorstr='#066640', GradientType=0 );}

.bigbtn5 {
	background: rgba(95,185,223,1);
background: -moz-linear-gradient(top, rgba(95,185,223,1) 0%, rgba(82,167,202,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(95,185,223,1)), color-stop(100%, rgba(82,167,202,1)));
background: -webkit-linear-gradient(top, rgba(95,185,223,1) 0%, rgba(82,167,202,1) 100%);
background: -o-linear-gradient(top, rgba(95,185,223,1) 0%, rgba(82,167,202,1) 100%);
background: -ms-linear-gradient(top, rgba(95,185,223,1) 0%, rgba(82,167,202,1) 100%);
background: linear-gradient(to bottom, rgba(95,185,223,1) 0%, rgba(82,167,202,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#07c84e', endColorstr='#098151', GradientType=0 );
	}
	
/*.bigbtn6 {
	background: rgba(177,225,134,1);
background: -moz-linear-gradient(top, rgba(177,225,134,1) 0%, rgba(99,141,61,5) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(177,225,134,1)), color-stop(100%, rgba(99,141,61,5)));
background: -webkit-linear-gradient(top, rgba(177,225,134,1) 0%, rgba(99,141,61,5) 100%);
background: -o-linear-gradient(top, rgba(177,225,134,1) 0%, rgba(99,141,61,5) 100%);
background: -ms-linear-gradient(top, rgba(177,225,134,1) 0%, rgba(99,141,61,5) 100%);
background: linear-gradient(to bottom, rgba(177,225,134,1) 0%, rgba(99,141,61,5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#07c84e', endColorstr='#098151', GradientType=0 );
	}*/
	
.bigbtn6 {
	background: rgba(226,227,116,1);
background: -moz-linear-gradient(top, rgba(226,227,116,1) 0%, rgba(198,200,48,5) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,227,116,1)), color-stop(100%, rgba(198,200,48,5)));
background: -webkit-linear-gradient(top, rgba(226,227,116,1) 0%, rgba(198,200,48,5) 100%);
background: -o-linear-gradient(top, rgba(226,227,116,1) 0%, rgba(198,200,48,5) 100%);
background: -ms-linear-gradient(top, rgba(226,227,116,1) 0%, rgba(198,200,48,5) 100%);
background: linear-gradient(to bottom, rgba(226,227,116,1) 0%, rgba(198,200,48,5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#07c84e', endColorstr='#098151', GradientType=0 );
	}	

.drop-arrow { background-position: 10px -719px; }
.icons{ float:left;}

#sign_in_button{background-color:#197eaf; font-size:12px; text-transform:uppercase; cursor:pointer;}

.chat_row{ width:360px; position:absolute; bottom:0px; right:35px; background:#fff; border:1px solid #666666; height:400px}

.chat_wrap{ float:left; width:100%; }
.chat_haed{ float:left; width:100%; height:30px; background:#006600; }
.chat_haed h3{ color:#FFFFFF; font-size:18px; font-weight:bold; float:left; margin:5px 0 0 15px;}
.chat_box{ float:left; width:100%; padding:10px; overflow:scroll; height:310px; }
.chat_section{ float:left; width:100%; margin-top:5px;}

.admin-pro{ float:left; width:70px;height:70px; padding:5px 0;}
.admin-message{ max-width:100%; margin-right:80px; background:#f4f6f7; border-right:4px solid #e4e4e6; padding:5px; 
text-align:left; color:#76767a; font-size:14px; position:relative;}

.admin-arrow{ position:absolute; top:20px; left:-12px;}
.user-pro{ float:right; width:70px;height:70px; padding:10px 0;}

.user-message{max-width:100%; margin-left:80px; background:#f4f6f7; border-left:4px solid #e4e4e6; 
padding:5px; color:#76767a; font-size:14px; position:relative; }
.user-arrow{ position:absolute; top:20px; right:-12px;}

.message-row{ width:94%; background:#edeeee; padding:2px 2%; position:absolute; bottom:10px}
.send-btnrow{ width:55px; float:right}
.message-box{ max-width:100%; margin-right:55px; }
.message-box input[type="text"]{border:solid 1px #666666; margin-top:5px;}
.message-field{ width:100%; float:left; color:#232020; background:#fff; font-size:14px; 
border:none; /*line-height:30px; padding:0 2px*/}
.send-btn{ border:none; background:url(../images1/tick.png) center #59a5ef no-repeat !important; 
width:100%; padding:5px 0; cursor:pointer; }
.close-btn{ float:right; margin: 5px 10px 0 0; cursor:pointer}


/*add this style 08/08/2016*/ 
.button_text a{ color:#fff;}
.inner-tblbox{ width:100%; float:left; background:#fff; margin-top:15px;border: 1px solid #ccd6db;}

.error {color:#c8260b;}

.bigbtn{ width:30%; float:left; font-size:16px; margin-bottom:10px; padding:10px !important; }	
.bigbtn img{width:30px; height:30px; }

/*@media screen and (max-width: 1044px) {
.bigbtn{ width:25%; float:left; font-size:16px; margin-bottom:10px; padding:10px !important; }	
.bigbtn img{width:30px; height:30px; }
}*/

@media screen and (max-width: 480px) {

}