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

body{ margin:0; padding:0; font-family:'Comic Sans MS',Geneva,sans-serif !important; font-size:11px; line-height:20px;background:transparent url(imgs/backgrd.png); background-attachment:fixed; height:100%; width:100%;}
.main{ min-width:100%; float:left;}
.clr{ clear:both;}
*{ margin:0; padding:0;}
h1{ font-size:16px; color:#5b5b5b !important; }
h2{float: left;font-size: 14px;width: 100%;}
.colorblue{ color:#003a58}
h3{  font-size:13px; }
h4{  font-size:12px; }
.fr{ float:right}
.fl{ float:left;}
.w100{ width:100%}
.mt10{ margin-top:10px;}
.mb10{ margin-bottom:10px;}
.mt20{ margin-top:20px}
.mb20{ margin-bottom:20px}
.mb30{ margin-bottom:30px;}
.w165{width:165px;}
.mr0{ margin-right:0 !important;}
p{ float:left; width:100%}
.ptn{font-size:10px; margin-top:7px; float:left;}
.mt0{ margin-top:0 !important;}
ul{ margin-left:10px;}
li{ font-weight:bold; margin:6px 0px; float:left;width:100%;}
li:hover{ text-decoration:underline;}
a{color:rgb(19, 63, 112); }
.specmidhome{ margin:auto !important; width:800px !important; float:none !important;}
.specmidhome a{ float:left; width:100%; font-weight:bold; color:rgb(19, 63, 112); margin-bottom:10px; font-size:14px;}
.specmidhome a:hover{ text-decoration:underline}

.yellow {
    background-color:Olive; border-radius: 4px; color: #fff; padding: 3px 10px;}

table {
border-collapse: collapse;
}

table, td, th {
border: 1px solid #818181;
padding:5px;
}

.Dsnone{display:none;}

header{ width:100%; float:left; margin-top:1%;}
header .iner{ width:98%; padding:0px 1%; float:left}
header .iner .advt{ float:right; width:728px;}
.logo{ float:left; width:173px; height:112px;}
.lodingimg{
z-index: 10000;
width: 100px;
position: absolute;
border: 1px solid orange;
border-radius: 7px;
}

.userconfir{color:#00406a; font-weight:bold;}
.useranc{color:green; text-decoration:underline;}



/* start  Review*/

.review-pannel{float:left; width:96%; padding:2%; border-top:2px solid orange; }

.review-pannel .row{float:left; width:100%; margin:6px 0px}

.review-pannel .row label{color:Green; font-weight:bold;}
.review-pannel .date{text-align:right; float:right;font-style:italic; color:orange;}
/*end review*/



/*User Ratting css from here*/

.rating_SC-hdr {
    background-color: #00406a;
    float: left;
    height: 26px;
    margin: 0px 0px 12px;
    width: 100%; border-radius: 3px;
}
.rating-row{ width:100%; float:left; margin:8px 0}
.rating_SC-hdg {
    color: #fff;
    float: left;
    font-size: 16px;
    margin: 0 0 0 6px;}
    
	.rating_SC-label {
    float: left; font-weight:bold;
    font-size: 13px;
    width: 120px;}
	
	.rating_SC-label-panl-1 {
    background-color: #126006;
    float: left;
    height: 6px;
    margin: 8px 0 0 5px; width:8px}
	
	.rating_SC-label-panl-2 {
    background-color: #126006;
    float: left;
    height: 6px;
    margin: 8px 0 0 5px; width:15px}
	
	.rating_SC-label-panl-3 {
    background-color: #126006;
    float: left;
    height: 6px;
    margin: 8px 0 0 5px; width:25px}
	
	.radio-label { float:left;
   }
.rating-otr{float: left; background-color: rgb(255, 255, 255); padding: 2%; width: 96%; box-shadow: 0px 0px 2px; border-radius: 5px;}

.cont-Rv-butn{float: right; margin-top: 10px; margin-right: 29px; padding: 3px 10px;}

/*User Ratting css ends here*/

.article-input-table{ float:left; border:1px dashed grey; width:95.5%; padding:1% 2%;margin-bottom:10px; box-shadow:0px 0px 3px; background: rgba(0, 0, 0, 0.02) none repeat scroll 0 0}

.article-complaint-row{ width:100%; margin:12px 0px; float:left}

.article-complaint-fl{ float:left; width:340px;}

.article-complaint-fr{ float:left; width:200px;}

.article-complaint-label{ float:left;font-size:13px; color:#f57f00; margin-bottom:5px; font-weight:bold;width:100%;}

.input{ float:left; width:71%; height:25px; padding:2px; border:1px solid #7ca25b;border-radius:3px; margin-bottom:10px;}

.row{ float:left; width:100%; margin:8px 0}

.txtarea{ float:left; width:90%; height:134px; padding:2px; border:1px solid #7ca25b; border-radius:3px;}

.caputr-img{border-width: 0px; float: left; width: 67px;}

.caputr-img-input{ float:left; width:84px; height:20px; padding:2px; border:1px solid #7ca25b;border-radius:3px; margin-left:5px; font-weight:bold}

.input-butn{ float:right;height: 36px; width: 136px; cursor:pointer;}


section{ width:98%; padding:0px 1%; float:left text-align:justify; margin-top:10px; line-height:25px; font-size:13px; color:#5b5b5b}
.homehdg{ float:left; width:100%; text-align:left; color:#003a58; margin-bottom:10px}
article{ float:left; width:300px; margin-right:10px;}
article .advt{ float:left; width:100%;}
aside{ float: right; width: 336px;}
aside .advtlink{ float:left; margin-right:6px; margin-bottom:10px;}
 .aside-link-hdr{background: #003a58 none repeat scroll 0 0;border-bottom: 4px solid #012233;color: #fff;float: right;font-size: 17px;font-weight: bold;height: 24px;margin-top: 1.5%;padding: 0.5% 3%;width: 68%;  border-top-left-radius:4px;border-top-right-radius:4px}
.aside-link-otr{background-color:#f8f8f9;width:73.8%;float:right;border: 1px solid #b1b1b1;height:200px;overflow:auto;margin-bottom:15px;}
.aside-link-otr li {float: left;list-style: outside none none;margin: 7px 10px 1px 1%;width: 31%;}
.aside-link-otr li a {color: #026a9b;float: left;font-size: 12px;font-weight: bold;text-decoration: none;}
.aside-link-otr li a:hover{ text-decoration:underline; color:#F93} 
aside .advt{ float:left; width:100%;}
.midpart{ float:left; width:670px;}
.browspanle{border-radius: 4px;box-shadow: 0 1px 1px #fff;color: #8ea8b5; line-height: 40px;text-indent:6px;width:100%;}
.midpart .iner{ float:left; width:93%; padding:3%; padding-top:0px;}
.brosebutn-oter {border: 1px solid #b5b8c8;float: left;height: 41px;margin-bottom: 10px;padding: 2.5% 1% 1%;width: 97.5%; border-radius:5px;}
.brwsbutn {float: left;height: 30px;margin-left: 10px;width:82px;}
.label {float: left;font-weight: bold;margin-top: 6px;}
.dropdwn {border: 1px solid #b5b8c8;border-radius: 3px;float: left;height: 32px;margin-left: 8px;width: 130px; font-size:16px;}
.uplodbutn{text-align:center; float:right;border-radius:5px; color:#fff;padding: 7px 0px;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); font-size:16px;width:100%; border:none;background: #f49909; /* Old browsers */
background: -moz-linear-gradient(top,  #f49909 0%, #cf7f02 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f49909), color-stop(100%,#cf7f02)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f49909 0%,#cf7f02 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f49909 0%,#cf7f02 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f49909 0%,#cf7f02 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f49909 0%,#cf7f02 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f49909', endColorstr='#cf7f02',GradientType=0 ); /* IE6-9 */; border:1px solid #a76302 }
.uplodbutn:hover {background: #ed9100; }
.compessuplodbutn{text-align:center; float:right;border-radius:5px; color:#fff;padding: 7px 0px;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); font-size:16px;width:185px; border:none;background: #f49909; /* Old browsers */
background: -moz-linear-gradient(top,  #f49909 0%, #cf7f02 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f49909), color-stop(100%,#cf7f02)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f49909 0%,#cf7f02 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f49909 0%,#cf7f02 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f49909 0%,#cf7f02 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f49909 0%,#cf7f02 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f49909', endColorstr='#cf7f02',GradientType=0 ); /* IE6-9 */; border:1px solid #a76302 }
.compessuplodbutn:hover {background: #ed9100; }
.dropdwn{ float:left; width:155px; height:36px; border:1px solid #b5b8c8; border-radius:4px; margin-left:8px;}
.dispalyimghedingfl{ float:left; font-weight:bold; width:53%;margin: 5px 0 5px;}
.dispalyimghedingfr{ float:left; font-weight:bold;margin: 5px 0 5px;}
.dispalyimgotr{ float:left; border:1px solid #d27c01; border-radius:5px; width:45%; padding:1%;box-shadow: 0 0 3px #ccc;}
.dispalyimgotr img{ float:left; width:100%; margin-bottom:7px;}
.resultimgotr{ float:right; border:1px solid #ccc; border-radius:5px; width:94%; padding:3%;box-shadow: 0 0 3px #ccc; margin-bottom:10px;}
.resultimgotr img{ float:left; width:100%; margin-bottom:7px;}
.resulrow{ float:left; width:100%; margin:5px 0px;}
.dispalyimg-label{ float:left; font-weight:bold; margin-right:6px}
.dispalyimgdetail{ float:left;}
.org-compressrow{ float:left; width:100%; margin-top:15px;}
.ORIGINALIMAGES{width:250px;  float:left;}
.COMPRESSRESULT{ width:250px;  float:right;}




footer { background:#333333; width:100%; height:50px; float:left; color:#fff; border-top: 4px solid #c37d03; margin-top:15px;}
footer .iner{ width:98%; padding:1%; float:left}
footer .fr{float: left;width: 50%;}
.fotr-txt-nav {float: right;width: 45%;}
.fotr-txt-nav ul {float: right;}
.fotr-txt-nav ul li {float: left;list-style-type: none; width:auto}
.fotr-txt-nav ul li a {color: #ccc;float: left;padding: 0 10px;text-align: center;text-decoration: none;}
.fotr-txt-nav ul li a:hover { text-decoration:underline;}
.fwbnone{ float:left;}
.resultOtr{float:right; width:34%; border:1px solid #b1b1b1; padding:1%; margin-bottom: 10px;}
.txtalignCenter{text-align:center !important;} 
.frnone{float:none;}
.dispblock{ display:block}
.dispnone{ display:none}
.visbhdn{ visibility:hidden}

/*nav css*/
.navbar-inverse {background-image:url(imgs/nav.jpg);box-shadow: 0 3px 10px -4px black !important; float: left;height: 40px !important;width: 100%;}
.navbar-nav {line-height:40px;}
.navbar-toggle .icon-bar + .icon-bar {margin-top: 4px;}
.navbar-inverse .navbar-toggle .icon-bar {background-color: #000000;}
.navbar-collapse:before,
.navbar-collapse:after {display: table;content: " ";}
.collapsing {position: relative;height: 0;overflow: hidden;-webkit-transition: height 0.35s ease;transition: height 0.35s ease;}
.collapse {display: none;}
.collapse.in {display: block;}
a {text-decoration: none;}
.navbar-fixed-top {top: 0;z-index:5500;}
.navbar-fixed-top,
.navbar-fixed-bottom {position: fixed;right: 0;left: 0;border-width: 0 0 1px;}
.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0 0 0 0);border: 0;}



/*Copied Media Queries for differrent devices*/
/* Large screens ----------- */
@media only screen 
and (min-width :1201px) and (max-width :7000px) 
{
	

.navbar-inverse {background-image:url(imgs/nav.jpg);box-shadow: 0 3px 10px -4px black !important; float: left;height: 40px !important;width: 100%;}
.container{ width:98%; padding:0px 1%; float:left}
.collapse {display: block;}
.navbar-nav > li { list-style-type:none; float:left; border-right:1px solid #999}
.navbar-nav a{ color:#000 !important; padding:0 3.5px}
.navbar-nav > li:hover{ background:#CCC;}
.navbar-toggle { display:none}
   

}



@media only screen 
and (min-width :1101px) 
and (max-width :1200px) {
	.navbar-inverse {background-image:url(imgs/nav.jpg);box-shadow: 0 3px 10px -4px black !important; float: left;height: 40px !important;width: 100%;}
.container{ margin:auto; width:1200px;}
.collapse {display: block;}
.navbar-nav > li { list-style-type:none; float:left; border-right:1px solid #999}
.navbar-nav a{ color:#000 !important; padding:0 3.5px}
.navbar-nav > li:hover{ background:#CCC;}
.navbar-toggle { display:none}
.container{ margin:0; padding:0;}
header{ width:100%; float:left; margin-top:1%;}
header .iner{ width:98%; margin:0; padding:1%}
header .iner .advt{float:right;}
.logo{ float:left;height:auto;}
section{ margin:0; width:98%; padding:1%; float:left;}
aside{ float:right; width:336px; margin-top:20px;}

aside .advtlink{ margin-top:15px; margin-bottom:0px; margin-right:4%;}
article{ float:left; width:300px; margin-right:12px; margin-top:20px;}
.midpart{ float:left; width:39.5%; margin-top:19px;}
.midpart .iner{ float:left; width:94%; padding:2%; padding-top:0px;}
.brosebutn-oter{ float:left; width:98%; height:auto;margin-bottom: 10px;}
.brwsbutn {float: right;height: 30px;margin-left:0px;width:75px;}
.label {float: left;font-weight: bold;margin-top: 6px; width:100%}
.dropdwn {border: 1px solid #b5b8c8;border-radius: 3px;float: left;height:38px;margin-left:0px;width:47%; margin-bottom:0px}
.uplodbutn{width:47%; float:right; margin-left:0px}
.ORIGINALIMAGES{  width:50%; height:auto; float:left;}
.COMPRESSRESULT{ width:50%; height:auto; float:right;}
footer .iner{ width:96%; margin:0; padding:2%; float:left;}
footer { background-image:url(imgs/foter-img.png); width:100%; height:auto; float:left; color:#fff; border-top: 4px solid #000;}
footer .fr{float: left;width: 58%;}
.fotr-txt-nav {float: right;width:40%;} 
	
}

@media only screen 
and (min-width :1024px) 
and (max-width :1100px) {
	.navbar-inverse {background-image:url(imgs/nav.jpg);box-shadow: 0 3px 10px -4px black !important; float: left;height: 40px !important;width: 100%;}
.container{ margin:auto; width:1200px;}
.collapse {display: block;}
.navbar-nav > li { list-style-type:none; float:left; border-right:1px solid #999}
.navbar-nav a{ color:#000 !important; padding:0 3.5px}
.navbar-nav > li:hover{ background:#CCC;}
.navbar-toggle { display:none}
.container{ margin:0; padding:0;}
header{ width:100%; float:left; margin-top:1%;}
header .iner{ width:98%; margin:0; padding:1%}
header .iner .advt{float:right;}
.logo{ float:left;height:auto;}
section{ margin:0; width:98%; padding:1%; float:left;}
aside{ float:right; width:336px; margin-top:20px;}

aside .advtlink{ margin-top:15px; margin-bottom:0px; margin-right:4%;}
article{ float:left; width:300px; margin-right:12px; margin-top:20px;}
.midpart{ float:left; width:34.6%; margin-top:19px;}
.midpart .iner{ float:left; width:94%;padding:2%; padding-top:0px;}
.brosebutn-oter{ float:left; width:98%; height:auto;margin-bottom: 10px;}
.brwsbutn {float: right;height: 30px;margin-left:0px;width:75px;}
.label {float: left;font-weight: bold;margin-top: 6px; width:100%}
.dropdwn {border: 1px solid #b5b8c8;border-radius: 3px;float: left;height:38px;margin-left:0px;width:47%; margin-bottom:0px}
.uplodbutn{width:47%; float:right; margin-left:0px}
.ORIGINALIMAGES{  width:50%; height:auto; float:left;}
.COMPRESSRESULT{ width:50%; height:auto; float:right;}
footer .iner{ width:96%; margin:0; padding:2%; float:left;}
footer { background-image:url(imgs/foter-img.png); width:100%; height:auto; float:left; color:#fff; border-top: 4px solid #000;}
footer .fr{float: left;width: 58%;}
.fotr-txt-nav {float: right;width:40%;} 
	

	
	}

@media only screen 
and (min-width :897px) 
and (max-width :1023px) {
.navbar-nav > li{ list-style-type:none; width:100% !important; background:#004162; border-bottom:1px solid #fff}
.navbar-nav a{ color:#FFF !important}
.navbar-nav > li:hover{ background:#024f76;}
.navbar-nav{ margin-top:41px;width:100%; text-align:center;}
.navbar-toggle {background-color: transparent;float: right;margin-right:8px;margin-top:6px;padding: 5px;position: relative; cursor:pointer;border:none;}
.navbar-collapse{ width:100% !important}
.navbar-toggle .icon-bar {display: block;width: 22px;height: 2px;border-radius: 1px;}
.container{ margin:0; padding:0;}
header{ width:100%; float:left; margin-top:1%;}
header .iner{ width:98%; margin:0; padding:1%}
header .iner .advt{float:right;}
.logo{ float:left;height:auto; width:auto}
section{margin-top: -30px; width:98%; padding:1%; float:left;}
aside{ float:right; width:62%; margin-top:20px;}
aside .advtlink{ margin-top:15px; margin-bottom:0px; margin-right:15%;}
article{ float:left; width:35%; margin-right:20px; margin-top:20px;}
.midpart{ float:left; width:100% !important; margin-top:19px;}
.midpart .iner{ float:left; width:95.5%; padding:2%;padding-top:0px;}
.brosebutn-oter{ float:left; width:98%; height:auto;margin-bottom: 10px;}
.brwsbutn {float: right;height: 30px;margin-left:0px;width:75px;}
.label {float: left;font-weight: bold;margin-top: 6px; width:100%}
.dropdwn {border: 1px solid #b5b8c8;border-radius: 3px;float: left;height: 32px;margin-left:0px;width:47%; margin-bottom:0px}
.uplodbutn{width:47%; float:left; margin-left:20px}
.ORIGINALIMAGES{  width:50%; height:auto; float:left;}
.COMPRESSRESULT{ width:50%; height:auto; float:right;}
footer .iner{ width:96%; margin:0; padding:2%; float:left;}
footer { background-image:url(imgs/foter-img.png); width:100%; height:auto; float:left; color:#fff; border-top: 4px solid #000;}
footer .fr{float: left;width: 42%;}
.fotr-txt-nav {float: right;width:53%;} 
.fotr-txt-nav ul {float: right; margin:0;}
.fotr-txt-nav ul li {
    float: left;
    font-weight: normal;
    list-style-type: none;
    width: auto;
}
.fotr-txt-nav ul li a {
    color: #ccc;
    float: left;
    padding: 0 7px;
    text-align: center;
    text-decoration: underline;
}


	
	}



@media only screen 
and (min-width : 768px) 
and (max-width :896px) {
.navbar-nav > li{ list-style-type:none; width:100% !important; background:#004162; border-bottom:1px solid #fff}
.navbar-nav a{ color:#FFF !important}
.navbar-nav > li:hover{ background:#024f76;}
.navbar-nav{ margin-top:41px;width:100%; text-align:center;}
.navbar-toggle {background-color: transparent;float: right;margin-right:8px;margin-top:6px;padding: 5px;position: relative; cursor:pointer;border:none;}
.navbar-collapse{ width:100% !important}
.navbar-toggle .icon-bar {display: block;width: 22px;height: 2px;border-radius: 1px;}
.container{ margin:0; padding:0;}
header{ width:100%; float:left; margin-top:1%;}
header .iner{ width:98%; margin:0; padding:1%}
header .iner .advt{float:right;}
.logo{ float:left;height:auto;}
section{ margin:0; width:98%; padding:1%; float:left;}
aside{ float:right; width:58%; margin-top:20px;}

aside .advtlink{ margin-top:15px; margin-bottom:0px; margin-right:15%;}
article{ float:left; width:41%; margin-right:0px; margin-top:20px;}
.midpart{ float:right; width:100% !important; margin-top:19px;}
.midpart .iner{ float:left; width:95.5%; padding:2%;padding-top:0px;}
.brosebutn-oter{ float:left; width:98%; height:auto;margin-bottom: 10px;}
.brwsbutn {float: right;height: 30px;margin-left:0px;width:75px;}
.label {float: left;font-weight: bold;margin-top: 6px; width:100%}
.dropdwn {border: 1px solid #b5b8c8;border-radius: 3px;float: left;height: 32px;margin-left:0px;width:47%; margin-bottom:0px}
.uplodbutn{width:47%; float:left; margin-left:20px}
.ORIGINALIMAGES{  width:50%; height:auto; float:left;}
.COMPRESSRESULT{ width:50%; height:auto; float:right;}
footer .iner{ width:96%; margin:0; padding:2%; float:left;}
footer { background-image:url(imgs/foter-img.png); width:100%; height:auto; float:left; color:#fff; border-top: 4px solid #000;}
footer .fr{float: left;width: 49%;}
.fotr-txt-nav {float: right;width:51%; margin-top: -7px;} 
.fotr-txt-nav ul {float: right; margin:0;}
.fotr-txt-nav ul li {
    float: left;
    font-weight: normal;
    list-style-type: none;
    width: auto;
}
.fotr-txt-nav ul li a {
    color: #ccc;
    float: left;
    padding: 0 7px;
    text-align: center;
    text-decoration: underline;
}

	}







@media only screen 
and (min-width : 481px) 
and (max-width :767px) {
	
.navbar-nav > li{ list-style-type:none; width:100% !important; background:#004162; border-bottom:1px solid #fff}
.navbar-nav a{ color:#FFF !important}
.navbar-nav > li:hover{ background:#024f76;}
.navbar-nav{ margin-top:41px;width:100%; text-align:center;}
.navbar-toggle {background-color: transparent;float: right;margin-right:8px;margin-top:6px;padding: 5px;position: relative; cursor:pointer;border:none;}
.navbar-collapse{ width:100% !important}
.navbar-toggle .icon-bar {display: block;width: 22px;height: 2px;border-radius: 1px;}
.container{ margin:0; padding:0;}
header{ width:100%; float:left; margin-top:1%;}
header .iner{ width:98%; margin:0; padding:1%}
header .iner .advt{float:left; width:100%;}
.logo{ float:left; width:100%; height:auto; text-align:center;}
.logo img{ width:160px;}
section{ margin-top:-20px; width:96%; padding:2%; float:left;}
aside{ float:left; width:100%}
aside .advt img{ float:left; width:100%;}
aside .advtlink{ margin-top:15px; margin-bottom:0px; margin-right:15%;}
article{ float:left; width:100%; margin-right:0px; margin-top:20px;}
.midpart{ float:left; width:100% !important; margin-top:10px;}
.midpart .iner{ float:left; width:94%; padding:2%;padding-top:0px;}
.brosebutn-oter{ float:left; width:98%; height:auto;margin-bottom: 10px;}
.brwsbutn {float: right;height: 30px;margin-left:0px;width:75px;}
.label {float: left;font-weight: bold;margin-top: 6px; width:100%}
.dropdwn {border: 1px solid #b5b8c8;border-radius: 3px;float: left;height: 32px;margin-left:0px;width:47%; margin-bottom:0px}
.uplodbutn{width:47%; float:left; margin-left:20px}
.ORIGINALIMAGES{  width:50%; height:auto; float:left;}
.COMPRESSRESULT{ width:50%; height:auto; float:right;}
footer .iner{ width:96%; margin:0; padding:2%; float:left;}
footer { background-image:url(imgs/foter-img.png); width:100%; height:auto; float:left; color:#fff; border-top: 4px solid #000;}
footer .fr{float: left;width: 100%;text-align:center;}
.fotr-txt-nav {float: right; margin:auto; width:82% }
.fotr-txt-nav ul {float: left; margin:0;}

.fotr-txt-nav ul li {
    float: left;
    font-weight: normal;
    list-style-type: none;
    width: auto;
}
.fotr-txt-nav ul li a {
    color: #ccc;
    float: left;
    padding: 0 7px;
    text-align: center;
    text-decoration: underline;
}

	
	}

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

.navbar-nav > li{ list-style-type:none; width:100% !important; background:#004162; border-bottom:1px solid #fff}
.navbar-nav a{ color:#FFF !important}
.navbar-nav > li:hover{ background:#024f76;}
.navbar-nav{ margin-top:41px;width:100%; text-align:center;}
.navbar-toggle {background-color: transparent;float: right;margin-right:8px;margin-top:6px;padding: 5px;position: relative; cursor:pointer;border:none;}
.navbar-collapse{ width:100% !important}
.navbar-toggle .icon-bar {display: block;width: 22px;height: 2px;border-radius: 1px;}
.container{ margin:0; padding:0;}
header{ width:100%; float:left; margin-top:1%;}
header .iner{ width:98%; margin:0; padding:1%}
header .iner .advt{float:left; width:100%;}
.logo{ float:left; width:100%; height:auto; text-align:center; margin-bottom:15px;}
.logo img{ width:50%;}
section{  margin-top: -21px; width:96%; padding:2%; float:left;}
aside{ float:left; width:100%}
aside .advt img{ float:left; width:100%;}
aside .advtlink{ margin-top:15px; margin-bottom:0px; width:100%; text-align:center; margin-right:0px;}
article{ float:left; width:100%; margin-right:0px; margin-top:20px;}
.midpart{ float:left; width:100% !important; margin-top:10px;}
.midpart .iner{ float:left; width:94%; padding:2%;padding-top:0px;}
.brosebutn-oter{ float:left; width:98%; height:auto;margin-bottom: 10px;}
.brwsbutn {float: right;height: 30px;margin-left:0px;width:75px;}
.label {float: left;font-weight: bold;margin-top: 6px; width:100%}
.dropdwn {border: 1px solid #b5b8c8;border-radius: 3px;float: left;height: 32px;margin-left:0px;width:100%; margin-bottom:10px}
.uplodbutn{width:100%; float:left}
.ORIGINALIMAGES{  width:100%; height:auto; float:left;}
.COMPRESSRESULT{ width:100%; height:auto; float:left;}
footer .iner{ width:96%; margin:0; padding:2%; float:left;}
footer { background-image:url(imgs/foter-img.png); width:100%; height:auto; float:left; color:#fff; border-top: 4px solid #000;}
footer .fr{float: left;width: 100%;}
.fotr-txt-nav {float: right;width:100%;}
.fotr-txt-nav ul {float: left; margin:0;}

.fotr-txt-nav ul li {
    float: left;
    font-weight: normal;
    list-style-type: none;
    width: auto;
}
.fotr-txt-nav ul li a {
    color: #ccc;
    float: left;
    padding: 0 7px;
    text-align: center;
    text-decoration: underline;
}
	
	}


@media (max-width : 320px) {

.navbar-nav > li{ list-style-type:none; width:100% !important; background:#004162; border-bottom:1px solid #fff}
.navbar-nav a{ color:#FFF !important}
.navbar-nav > li:hover{ background:#024f76;}
.navbar-nav{ margin-top:41px;width:100%; text-align:center;}
.navbar-toggle {background-color: transparent;float: right;margin-right:8px;margin-top:6px;padding: 5px;position: relative; cursor:pointer;border:none;}
.navbar-collapse{ width:100% !important}
.navbar-toggle .icon-bar {display: block;width: 22px;height: 2px;border-radius: 1px;}
.container{ margin:0; padding:0;}
header{ width:100%; float:left; margin-top:1%;}
header .iner{ width:98%; margin:0; padding:1%}
header .iner .advt{float:left; width:100%;}
.logo{ float:left; width:100%; height:auto; text-align:center; margin-bottom:15px;}
.logo img{ width:34%;}
section{ margin-top: -21px; width:96%; padding:2%; float:left;}
aside{ float:left; width:100%}
aside .advt img{ float:left; width:100%;}
aside .advtlink{ margin-top:15px; margin-bottom:0px; width:100%; text-align:center; margin-right:0px;}
article{ float:left; width:100%; margin-right:0px; margin-top:20px;}
.midpart{ float:left; width:100% !important; margin-top:10px;}
.midpart .iner{ float:left; width:94%; padding:2%;padding-top:0px;}
.brosebutn-oter{ float:left; width:98%; height:auto;margin-bottom: 10px;}
.brwsbutn {float: right;height: 30px;margin-left:0px;width:27%;}
.label {float: left;font-weight: bold;margin-top: 6px; width:100%}
.dropdwn {border: 1px solid #b5b8c8;border-radius: 3px;float: left;height: 32px;margin-left:0px;width:100%; margin-bottom:10px}
.uplodbutn{width:100%; float:left}
.ORIGINALIMAGES{  width:100%; height:auto; float:left;}
.COMPRESSRESULT{ width:100%; height:auto; float:left;}
footer .iner{ width:96%; margin:0; padding:2%; float:left;}
footer { background-image:url(imgs/foter-img.png); width:100%; height:auto; float:left; color:#fff; border-top: 4px solid #000;}
footer .fr{float: left;width: 100%;}
.fotr-txt-nav {float: left;width:100%;}
.fotr-txt-nav ul {float: left; margin:0;}

.fotr-txt-nav ul li {
    float: left;
    font-weight: normal;
    list-style-type: none;
    width: auto;
}
.fotr-txt-nav ul li a {
    color: #ccc;
    float: left;
    padding: 0 7px;
    text-align: center;
    text-decoration: underline;
}
}