﻿@charset "utf-8";
/* CSS Document */

body{ float:left; margin:0; padding:0; background-image:url(../Images/bg-img.jpg); width:100%; height:100%; background-attachment:fixed;color: #444;
    font: 11.5px/18px Verdana,Arial,Tahoma,sans-serif;background-color: #f0f2f3;}
h1{ margin:0; padding:0; font-size:15px; float:left }
h2{ margin:0; font-size:14px;}
h3{ margin:0; padding:0 0 10px 0; font-size:13px;float:left; width:100%}
h4{ margin:0; padding:0 0 10px 0; font-size:12px; float:left; }
.fr{ float:right}
.fl{ float:left;}
.w100{ width:100%}
.clr{ clear:both;}
.mt10{ margin-top:10px;}
.mb10{ margin-bottom:10px;}
.mb30{ margin-bottom:30px;}
.mb18{ margin-bottom:18px;}
.row{ float:left; width:100%;}
.w30{ width:30px;}

.infofl{width:30%; float:left;margin-bottom:20px;

table {
border-collapse: collapse;
}

table, td, th {
border: 1px solid black;
padding:5px;
}

}
.infofr{width:42%; float:right;}
.infomd{width:28.5%; float:left; margin:0 20px; background:#fff; padding:1%; border: 1px solid #999; border-radius:5px}
.infofr{float:right;width:34.9%;}

    .infomd .label{ float:left; width:182px; font-weight:bold;}
    .infomd .detail{word-wrap: break-word; float:right; width:100%;}
    .infomd .row{ float:left; width:100%; margin:6px 0px;}


.ActiveMsg {
    background: url("../images/main-bg.jpg") repeat scroll 0px 0px transparent;
    border: 2px solid #F00;
    left: 71%;
    line-height: 25px;
    padding: 7px 1% 16px;
    position: absolute;
    text-align: justify;
    width: 184px;
    z-index: 2;
    height: 42px;
}
section{width:1004px; padding:10px; margin:10px auto;line-height: 27px; margin-bottom:0px;}
article{float: left;text-align:justify;width:60.1%; background-color:#fff; padding:2%; box-shadow: -1px 0 2px #999;}
aside{float:right;width:34.9%; background:#fff; padding:5px; box-shadow: 2px 0px 2px #999;}



nav{ float:left; width:100%; background-image:url(../Images/nav.jpg); height:39px;box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5) inset, 0 -1px 2px rgba(0, 0, 0, 0.5) inset, 0 -1px 15px #000; font-size:15px; z-index:999}
.nav-iner{width:1004px; padding:0 10px; margin:auto;}
.nav-iner ul{ margin:0; padding:0; float:left;}
.nav-iner ul li{ list-style-type:none; float:left; display:block; line-height:37px;}
.nav-iner ul li a{ text-decoration:none; float:left; color:#e2e6e6; padding:0 10px;}
.nav-iner ul li a:hover{ background:#fff; color:#000000;}
.gif-img{ float:right; cursor:pointer;}
.gif-img img{ border-radius:5px;}
header{ width:100%; float:left;}
.header-iner{width:1004px; padding:20px 0 0px; margin:auto; }
.header-iner-logo{ float:left; margin-top:18px;}
.header-iner-logo img{ width:160px;}
.adv-728{ float:right; width:728px; height:auto; background:#f3f4f4;}
.input{ float:left;  padding:5px; width:84%; height:20px; margin-right:2px;background:#fff; border:none;box-shadow:0 0 0 2px #ccc;}

.input-srch-icon{  float:left; width:77px ; height:30px; cursor:pointer;box-shadow:0 0 0 2px #ccc;}


#submit1 {background:url("../Images/icon-serch.gif");float:left; width:83px ; height:30px; cursor:pointer;box-shadow:0 0 0 2px #ccc;border: none;}
.adv466{ float:left; width:100%; margin-top:10px;}
.adv366{ float:left; width:100%; margin-bottom:18px; margin-top:5px;}
.section-txt{ text-align:justify;}
.line-img { float:left; width:100%; margin:10px 0; height:15px;}
.scren-shot{ float:left; width:100%;}
.addv160{ width:160px; height:90px;}
.addv300{float:left; margin-right:15px; border:1px solid #ccc; margin-bottom:31px;}
.addv600 img{ float:left; margin-right:15px; border:1px solid #ccc; margin-bottom:31px;}
.aside-link-tab {float: left;width:100%; margin-top:15px;}
.aside-link-tab-hdr {background-color:#e8e6e6;border:1px solid #d4d4d4;float:left;height:15px;padding:5px 0 16px 0;width:100%; margin-bottom:10px; border-radius:3px;}
.aside-link-tab-hdr-hdg {float: left;font-size: 16px; width:100%; text-align:center;}
.aside-link-tab ul { margin:0;padding:0; float:left}
.aside-link-tab ul li{ color:#014b5d;cursor:pointer;float:left;font-size:13px;list-style-type:none;padding:1%;width:98%; margin-top:2px;border-bottom: 1px dashed #ccc;}
.aside-link-tab ul li a {color:#014b5d;float:right;text-decoration:none;width:100%; line-height:20px; height:40px;font-size:13px;}
.aside-link-tab ul li:hover{ background:#ccc}
.aside-link-tab-icon {float:left;height:22px;margin-top:10px;width:20px;}
.butn-row{ float:left; width:100%; margin:20px 0;}
.butn{ float:left; background-image:url(../images/butn.jpg); width:149px; height:30px; margin:0 10px; cursor:pointer;}
.butn-txt{color:#000;float:left;font-size: 12px;margin: 3px 0 0 0;text-decoration: none; text-align:center; width:100%;}
.butn_new{ float:left; background-image:url(../Images/butn-hover.jpg);width:149px; height:30px;}
.radio-hdg {float:left;font-size:14px; margin-bottom:5px;width:100%;}
.radio-otr {border:1px solid #ccc;float:left;padding:2%;width:560px; border-radius:3px}
.radio-otr-label {float: left;font-size: 14px;width: 106px; font-weight:bold;}
.radio-otr-butn-txt {float: left;font-size: 14px;width: 149px;}
.radio-sub-butn {background-image:url(../Images/submit-butn.gif);background-repeat:no-repeat;cursor:pointer;float:left;height:30px;margin-left:19%;
width: 95px; margin-top:10px;}
.panel{float: left;text-align:justify;width:64%; background-color:#fff; padding:1%; box-shadow: -1px 0 2px #999; margin-top:20px;}
.map{ float:left; width:100%;}
.rev-dropdwn {border:1px solid #a6a5a5;border-radius:3px;float:left;height:33px;width:270px;}
.row-input{ float:left; width:100%; margin:10px 0;}
.rev-txtarea {border: 1px solid #a6a5a5;border-radius: 5px;height: 262px;padding: 5px;width:76%;}
.rev-inpt-label{float: left;font-size: 14px;width:143px; font-weight:bold; }
.rev-input { border: 1px solid #a6a5a5;border-radius:2px;float: left;height: 21px;padding: 5px;width: 255px;}
.rev-input-img {float:left;height:26px;margin-right:10px;width:66px;}
.rev-input-butn {float: left;margin-left: 14%; margin-top:10px;}
.rev-input-img-input {border: 1px solid #a6a5a5;border-radius: 3px; font-size:16px;float: left;height: 17px;padding: 5px;width: 150px;}
.cont-Rv-butn { background-image:url(../Images/Post-Rev-butn.gif);background-repeat: no-repeat;cursor:pointer;float:left;height:34px;width:119px; border:none;}
.panel2nd{float: left;text-align:justify;width:61.9%; background-color:#fff; padding:1%; box-shadow:0px 0px 3px #999; margin-top:15px;   border: 1px solid #aeaeae;}
.panel3nd{float: left;text-align:justify;width:61.9%; background-color:#fff; padding:1%; box-shadow:0px 0px 3px #999; margin-top:15px;   border: 1px solid #aeaeae;}
.rev{border:1px solid #999;border-radius:10px;box-shadow: 0 0 8px #999;float:left;padding:1% 2%;position:relative;width:96%; margin-top:20px;}
.rev-rep-icn-txt {color: #02536e;cursor: pointer;float:left;text-decoration: none; margin-right:10px;}
.rev-rep-icn-txt:hover{ color:#fea100}
.mark-otr {float: right;}
.rev-mark-icn {float:left;height:15px;width:22px; margin-top:4px}
.otr-img {float: left;text-align: center;width:82px; margin-right:10px;}
.profile-image {border-radius: 50%;clear: both;height: 80px;overflow: hidden;width: 80px;}
.rews-img {float: left; height: 80px;width: 80px;}	
.rews-img-name {color: #02536e;float: left;font-weight: bold;margin-top: 19px;}	
.rews-date {float: right;font-size: 12px;}
.rev-txt {color: #444;font-size: 13px; line-height: 27px;text-align:justify;width:89%; float:right}
.adv472{ float:left; margin:18px 0 13px 0; width:100%; overflow:auto;}
.ratg-hdg {float: left;font-size: 16px;}
.ratg-hdg-box {background-color:#d2d0d1;border:1px solid #c7c6c7;border-radius:5px;float:left;height:25px;margin: 0 15px;
padding: 1px 3px;text-align:center;width:28px; font-size:14px; font-weight:bold}


footer{ width:100%; background-image:url(../Images/footer-img.gif); height:45px;font-size:15px;border-top:6px solid #02536e;float:right;}
.footer-iner{margin:auto; width:1004px;color:#fff; margin-top:15px;color: rgba(255, 255, 255, 0.5); padding:0 10px;}
.footer-coprght {float: left; font-size:12px;}
.footer-iner ul {float: right;margin: 0;padding: 0;}
.footer-iner ul li {border-right: 1px solid #cccccc;float: left;list-style-type: none; font-size:13px;}
.footer-iner ul li a {color: #ffffff;padding: 0 7px;text-decoration: none;color: rgba(255, 255, 255, 0.5);}
.footer-iner ul li a:hover{ color:#CCC; text-decoration:underline;} 


.reply-otr { background:none repeat scroll 0 0 #edeeef;border: 1px solid #aaa;border-radius:3px;margin:10px auto auto;padding:10px;width:582px;}
.reply-hdg {float: left;font-size: 13px;font-weight: bold;margin-bottom: 6px;width: 100%;}
.reply-row {float: left;margin: 8px 0;width: 100%;}
.reply-label {float: left;font-size: 14px;width: 20%;}
.reply-txtara {border:1px solid #999;border-radius:3px;font-family:Verdana,Geneva,sans-serif;font-size:12px;height:120px;padding:2px;width:425px;}
.reply-input {border: 1px solid #999;border-radius: 3px;float: left;height: 25px;padding: 2px;width: 250px;}
.reply-radio {float: left;padding: 0;}
.reply-radio-label {float: left;margin: 1px 5px 0 0;}
.reply-rews-butn{ float:left; width:119px; height:34px; margin-left:20%; cursor:pointer}
.reply-rews-butnclose{ float:left; width:89px; height:34px; margin-left:10px; cursor:pointer;}


.mobnav{ float:left; width:100%; font-size:15px; display:none;}
.mobnav-iner{width:1004px; padding:0 10px; margin:auto;}
.mobnav-iner ul{ margin:0; padding:0; float:left;}
.mobnav-iner ul li{ list-style-type:none; float:left; display:block; line-height:37px;}
.mobnav-iner ul li a{ text-decoration:none; float:left; color:#e2e6e6; padding:0 10px;}
.mobnav-iner ul li a:hover{ background:#fff; color:#000000;}


/*istpage*/
.istpage-inputotr{width:61%; margin:auto; margin-top:5px; margin-bottom:15px; }
.istpage-fl{ float:left; width:49%; }
.istpage-fr{ float:right; width:49%;}
.istpage-row{ float:left; width:100%; margin:10px 0}
.istpage-link{ float:left;text-decoration:none; color:#0066cc; font-weight:bold;}
.istpage-link:hover{ text-decoration:underline;}
.istpage-linkdescpt{ float:left; text-align:justify;}
.istpage-artcl{ float: left; width:98%; padding:1%;}
.istpage-hdg{ float:left; width:100%; margin-bottom:20px;}

.RvAbsolute {
    background: url("../images/main-bg.jpg") repeat scroll 0px 0px transparent;
    border: 5px solid #359EB3;
    left: 11%;
    line-height: 25px;
    margin-left: 78px;
    margin-top: 661px;
    padding: 2% 2% 1%;
    position: absolute;
    text-align: justify;
    top: 126%;
    width: 413px;
    z-index: 2;
}
/*Popularpage*/
.Popular-adv336{ float:right; width:336px;}
.popular-fl{ float: left;width:42%;}
.popular-fr{ float:right;width:52%; margin-top:20px;}
.popular-link {color: #0066cc;float: left;margin:10px 0;text-align: justify;text-decoration: none;width: 100%; line-height:20px;}
.popular-link:hover{ color:#FF6600; text-decoration:underline} 


/*aboutuspage*/
.about-hedg{ text-align:center; width:100%;}
p{ margin:0; padding:0;}
.about-atrcl{ width:96%; padding:2%; float:left;}


/*contuspage*/
.cont-page-label{float: left;font-size: 13px;margin: 3px 0 0;width: 138px; font-weight:bold;}
.cont-page-input {border: 1px solid #999;border-radius: 3px;float: left;height: 24px;padding: 2px;width:234px;}
.txtarea {border: 1px solid #999999;border-radius: 5px;height: 181px;width: 66%;}
.NwCapCC {float: left;height: 20px;width: 76px;}
.captxt {border: 1px solid #bbbbbb;border-radius: 5px;padding: 5px;width: 163px;}
.butn-outer {float:right;width:86%;}
.contct-butn{background:linear-gradient(to bottom, #e9e6e6 0%, #c4c2c2 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);border:1px solid #d0cfcf;border-radius: 4px;cursor: pointer;margin-right: 7px;margin-top: 16px;padding:5px; width:103px;}


/*sitemappage*/
.stmap-nav{ width:100%; float:left; text-align:center; margin:10px 0}
.stmap-nav ul{ width:75%;margin:auto; padding:0;} 
.stmap-nav ul li{ float:left; display:block; padding:0 6px; list-style-type:none;}
.stmap-nav ul li a{ float:left; color:#003366;}
.stmap-nav ul li a:hover{ text-decoration:none;}
.stmap-nav ul li a.sltd{ font-weight:bold; text-decoration:none; color:#000; font-size:15px;}
.stmap-fl{ float:left; width:31%;margin-right:3%;}
.stmap-fr{float:right; width:31%;}
.stmap-mid{float:left; width:31%;}

.sitempLink {color:#014b5d;line-height:39px; text-decoration:none; line-height:25px; float:left; margin: 5px 0 16px 0;}


.sclicon-otr {background-color:#ffffff;border:1px solid #a6a5a5;width:349px; padding:5px 0 2px; margin-top:20px;}
.sclicon {cursor: pointer;margin:0 5px 0 0;}


/*Copied Media Queries for differrent devices*/
/* Large screens ----------- */
@media only screen 
and (min-width : 1024px) and (max-width : 1400px) {
/* Styles */

}


/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 896px) 
and (max-width : 1023px) 
 {
     .infofl{width:35%; float:left;margin-bottom:20px;}
    .infofr{width:34.9%; float:right; margin-bottom:6%}
.infomd{width:25.5%; float:left; margin:0px 0px 15px 15px; background:#fff; padding:1%; border: 1px solid #999; border-radius:5px}

    .infomd .label{ float:left; width:100%; font-weight:bold;}
    .infomd .detail{word-wrap: break-word; float:right; width:100%;}
     
     
	 .header-iner-logo img{ width:131px;}
	 nav{ float:left; width:100%; background-image:url(../Images/nav.jpg); height:39px;box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5) inset, 0 -1px 2px rgba(0, 0, 0, 0.5) inset, 0 -1px 15px #000; font-size:15px; position:fixed; z-index:999}
	.nav-iner{width:100%; padding:0; float:left}
	.nav-iner ul{ margin:0; padding:0; float:left;}
	
	.radio-sub-butn {background-image:url(../Images/submit-butn.gif);background-repeat:no-repeat;cursor:pointer;float:left;height:30px;margin-left:15%;
width: 95px; margin-top:10px;}

.gif-img{ float:right; cursor:pointer;}
.header-iner{width:96%; padding:2%; margin:0; float:left;}
.header-iner-logo{ float:left;}
.adv-728{ float:right; width:728px; height:auto; background:#f3f4f4;C}
section{width:96%; padding:0 2%; margin:0;line-height: 27px;}
article{float: left;text-align:justify;width:96%; padding:2%}
aside{float:right;margin-top:0;padding:0;width:100%;}
.input{ float:left; background:#fff; padding:5px; width:87%; height:20px; margin-right:2px;}
.input-srch-icon{ float:left; width:77px ; height:30px; cursor:pointer;box-shadow:0 0 0 2px #ccc;}
.adv466{ float:left; width:100%;}
.adv466 img{ float:left;}
.adv366{ float:left; width:50%; margin-left:0;}
.adv366 img{ float:left; width:100%; margin-left:0;}
.adv472 img{ float:left; margin:18px 0 13px 0;  width:100%;}
.ratg-hdg-box {background-color:#ed9730;border:1px solid #ac6004;border-radius:5px;color:#fff;float:left;height:13px;margin: 0 5px;}
.addv160{ width:160px; height:90px; text-align:center;margin: 12px 6px 0px 23px;}
.aside-link-tab-hdr {background-color:#e8e6e6;border:1px solid #d4d4d4;float:left;height:15px;padding:5px 0 16px 0;width:99%; margin-bottom:10px; border-radius:3px;}
.radio-otr {border:1px solid #ccc;float:left;padding:2%;width:96%; border-radius:3px}
.radio-otr-label {float: left;font-size: 14px; font-weight:bold; color:#02536e}
.radio-otr-butn-txt {float: left;font-size: 14px;width:22%;}
.rev-txtarea {border: 1px solid #a6a5a5;border-radius: 5px;height: 262px;padding: 5px;width:95%;}
.rev-inpt-label{float: left;font-size: 14px;width:118px; font-weight:bold; color:#02536e}
.rev-input-img-input {border: 1px solid #a6a5a5;border-radius: 3px; font-size:16px;float: left;height: 17px;padding: 5px;width:76px;}
.rev-input-butn {float: left; margin:10px 0 10px 16%}
.otr-img {float: left;text-align: center; margin-right:9px;}
.profile-image {border-radius: 50%;clear: both;height: 80px;overflow: hidden;width: 80px; margin:auto;}
.rews-img {float: left; height: 80px;width: 80px;}	
.rews-img-name {color: #02536e;float: left;font-weight: bold;margin-top:22px; text-align:center;}	
.rews-date {float: right;font-size: 12px;text-align:center;}
header{ width:100%; float: left; margin-top:3%;}
.rev-txt {color: #444;font-size: 13px; line-height: 27px;text-align:justify;width:96%; float:left; padding:0 2%;}
.addv600 img{ float:left; margin-right:15px; border:1px solid #ccc; margin-bottom:31px; width:50%;}
.mark-otr {float: right;}
.butn{ float:left; background-image:url(../Images/butn.jpg);height:29px; margin:0 10px; cursor:pointer; background-repeat:no-repeat; text-align:center; margin-bottom:15px;}


footer{ width:100%; background-image:url(../Images/footer-img.gif); height:auto; font-size:15px; border-top:6px solid #02536e;}
.footer-iner{ float:left; width:96%;color:#fff; margin-top:15px;color: rgba(255, 255, 255, 0.5); margin-bottom:15px; padding:0 2%}
.footer-coprght {float: left; font-size:12px;}
.footer-iner ul {float: right;margin:0;padding: 0;}
.footer-iner ul li {border-right: 1px solid #cccccc;float: left;list-style-type: none; font-size:13px;}
.footer-iner ul li a {color: #ffffff;padding: 0 4px;text-decoration: none;color: rgba(255, 255, 255, 0.5);}

.aside-link-tab ul li{ color:#014b5d;cursor:pointer;float:left;font-size:13px;list-style-type:none;padding:1%;width:48%; margin-top:2px;border-bottom: 1px dashed #ccc;}


 /*ist-page*/
.istpage-inputotr{width:100%; float: left; margin:auto; margin-top:5px; margin-bottom:15px; }

.panel2nd{width:98%;}
.panel3nd{width:98%;}
	 
 }
 
 
 /* Desktops and laptops ----------- */
@media only screen 
and (min-width :768px) 
and (max-width : 896px) 
 {
     
     .infofl{width:41%; float:left;margin-bottom:20px;}
    .infofr{width:57%; float:right; margin-bottom:6%}
.infomd{width:54%; float:left; margin:0px 0px 15px 15px; background:#fff; padding:1%; border: 1px solid #999; border-radius:5px}

    .infomd .label{ float:left; width:100%; font-weight:bold;}
    .infomd .detail{word-wrap: break-word; float:right; width:100%;}
    
	 
	 	nav{ float:left; width:100%; background-image:url(../Images/nav.jpg); height:39px;box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5) inset, 0 -1px 2px rgba(0, 0, 0, 0.5) inset, 0 -1px 15px #000; font-size:15px; position:fixed; z-index:999}
	.nav-iner{width:100%; padding:0; float:left}
	.nav-iner ul{ margin:0; padding:0; float:left;}
	
	.radio-sub-butn {background-image:url(../Images/submit-butn.gif);background-repeat:no-repeat;cursor:pointer;float:left;height:30px;margin-left:15%;
width: 95px; margin-top:10px;}
.panel2nd{float: left;text-align:justify;width:98%; background-color:#fff; padding:1%; box-shadow:0px 0px 3px #999; margin-top:15px;   border: 1px solid #aeaeae;}
.gif-img{ float:right; cursor:pointer;}
.header-iner{width:96%; padding:2%; margin:0; float:left;}
.header-iner-logo{ float:left; width:100%; text-align:center;}
.adv-728{ float: left; width:99%; height:auto; background:#f3f4f4;}
section{width:96%; padding:0 2%; margin:0;line-height: 27px;}
article{float: left;text-align:justify;width:96%; padding:2%}
aside{float:right;margin-top:0;padding:0;width:100%;}
.input{ float:left; background:#fff; padding:5px; width:87%; height:20px; margin-right:2px;}
.input-srch-icon{ float:left; width:77px ; height:30px; cursor:pointer;box-shadow:0 0 0 2px #ccc;}
.adv466{ float:left; width:100%;}
.adv466 img{ float:left; width:100%}
.adv366{ float:left; width:50%; margin-left:0;}
.adv366 img{ float:left; width:100%; margin-left:0;}
.adv472 img{ float:left; margin:18px 0 13px 0;  width:100%;}
.ratg-hdg-box {background-color:#ed9730;border:1px solid #ac6004;border-radius:5px;color:#fff;float:left;height:13px;margin: 0 5px;}
.addv160{ width:160px; height:90px; text-align:center;margin: 6px 5px 0px 21px;}
.aside-link-tab-hdr {background-color:#e8e6e6;border:1px solid #d4d4d4;float:left;height:15px;padding:5px 0 16px 0;width:99%; margin-bottom:10px; border-radius:3px;}
.radio-otr {border:1px solid #ccc;float:left;padding:2%;width:96%; border-radius:3px}
.radio-otr-label {float: left;font-size: 14px; font-weight:bold; color:#02536e}
.radio-otr-butn-txt {float: left;font-size: 14px;width:22%;}
.rev-txtarea {border: 1px solid #a6a5a5;border-radius: 5px;height: 262px;padding: 5px;width:95%;}
.rev-inpt-label{float: left;font-size: 14px;width:118px; font-weight:bold; color:#02536e}
.rev-input-img-input {border: 1px solid #a6a5a5;border-radius: 3px; font-size:16px;float: left;height: 17px;padding: 5px;width:76px;}
.rev-input-butn {float: left; margin:10px 0 10px 16%}
.otr-img {float: left;text-align: center;width:100%; margin-right:0px;}
.profile-image {border-radius: 50%;clear: both;height: 80px;overflow: hidden;width: 80px; margin:auto;}
.rews-img {float: left; height: 80px;width: 80px;}	
.rews-img-name {color: #02536e;float: left;font-weight: bold;margin-top:0px; width:100%; text-align:center;}	
.rews-date {float: right;font-size: 12px; width:100%; text-align:center;}
header{ width:100%; float:left; margin-top:3%;}
.rev-txt {color: #444;font-size: 13px; line-height: 27px;text-align:justify;width:96%; float:left; padding:0 2%;}
.addv600 img{ float:left; margin-right:15px; border:1px solid #ccc; margin-bottom:31px; width:50%;}
.mark-otr {float: right;}
.butn{ float:left; background-image:url(../Images/butn.jpg);height:29px; margin:0 10px; cursor:pointer; background-repeat:no-repeat; text-align:center; margin-bottom:15px;}


footer{ width:100%; background-image:url(../Images/footer-img.gif); height:auto; font-size:15px; border-top:6px solid #02536e;float:left;}
.footer-iner{ float:left; width:96%;color:#fff; margin-top:15px;color: rgba(255, 255, 255, 0.5); margin-bottom:15px; padding:0 2%}
.footer-coprght {float: left; font-size:12px;}
.footer-iner ul {float: right;margin:0;padding: 0;}
.footer-iner ul li {border-right: 1px solid #cccccc;float: left;list-style-type: none; font-size:13px;}
.footer-iner ul li a {color: #ffffff;padding: 0 4px;text-decoration: none;color: rgba(255, 255, 255, 0.5);}


 /*ist-page*/
.istpage-artcl{ float: left; width:96%; padding:2%;}
.istpage-fl{ float:left; width:100%; }
.istpage-fr{ float:right; width:100%;}
.istpage-inputotr{width:100%; float: left; margin:auto; margin-top:5px; margin-bottom:15px; }

.panel2nd{width:98%;}
.panel3nd{width:98%;}
	 
 }
 
 
 
 
  /* Desktops and laptops ----------- */
@media only screen 
and (min-width :481px) 
and (max-width : 767px) 

 {
     
     .infofl{ display:none;}
    .infofr{width:100%; float:left; margin-bottom:8%}
.infomd{width:97%; float:left; margin:0px 0px 15px 0; background:#fff; padding:1%; border: 1px solid #999; border-radius:5px}

    .infomd .label{ float:left; width:100%; font-weight:bold;}
    .infomd .detail{word-wrap: break-word; float:right; width:100%;}
    
     
     .mobnav{ float:left; width:100%; font-size:15px; display:block; background:#fff; border-bottom:1px solid #ccc}
.mobnav-iner{width:100%; padding:0; margin:0; float:left;}
.mobnav-iner ul{ margin:0; padding:0; float:left;}
.mobnav-iner ul li{ list-style-type:none; float:left; display:block; line-height:37px;}
.mobnav-iner ul li a{ text-decoration:none; float:left; color:#000; padding:0 40px;}
.mobnav-iner ul li a:hover{ background:#ccc; color:#000;}
     
	 .gif-img img{ border-radius:5px; width:auto; height:39px;}
	 .nav-iner ul li a{ text-decoration:none; float:left; color:#e2e6e6; padding:0 6px;}
	 
	 	nav{ float:left; width:100%; display:none; background-image:url(../Images/nav.jpg); height:39px;box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5) inset, 0 -1px 2px rgba(0, 0, 0, 0.5) inset, 0 -1px 15px #000; font-size:15px; position:fixed; z-index:999}
	.nav-iner{width:100%; padding:0; float:left}
	.nav-iner ul{ margin:0; padding:0; float:left;}
	
	.radio-sub-butn {background-image:url(../Images/submit-butn.gif);background-repeat:no-repeat;cursor:pointer;float:left;height:30px;margin-left:15%;
width: 95px; margin-top:10px;}
.panel2nd{float: left;text-align:justify;width:98%; background-color:#fff; padding:1%; box-shadow:0px 0px 3px #999; margin-top:15px;   border: 1px solid #aeaeae;}
.gif-img{ float:right; cursor:pointer;}
.header-iner{width:96%; padding:2%; margin:0; float:left;}
.header-iner-logo{ float:left; width:100%; text-align:center; display:none;}
.adv-728{ float: left; width:99%; height:auto; background:#f3f4f4;}
section{width:96%; padding:0 2%; margin:0;line-height: 27px;}
article{float: left;text-align:justify;width:96%; padding:2%}
aside{float:right;margin-top:0;padding:0;width:100%;}
.input{ float:left; background:#fff; padding:5px; width:79%; height:20px; margin-right:2px;}
.input-srch-icon{ float:left; width:77px ; height:30px; cursor:pointer;box-shadow:0 0 0 2px #ccc;}
.adv466{ float:left; width:100%;}
.adv466 img{ float:left; width:100%}
.adv366{ float:left; width:100%; margin-left:0;}
.adv366 img{ float:left; width:100%; margin-left:0;}
.adv472 img{ float:left; margin:18px 0 13px 0;  width:100%;}
.ratg-hdg-box {background-color:#ed9730;border:1px solid #ac6004;border-radius:5px;color:#fff;float:left;height:13px;margin: 0 5px;}
.addv160{ width:160px; height:90px; text-align:center; margin:0 10px}
.aside-link-tab-hdr {background-color:#e8e6e6;border:1px solid #d4d4d4;float:left;height:15px;padding:5px 0 16px 0;width:99%; margin-bottom:10px; border-radius:3px;}
.radio-otr {border:1px solid #ccc;float:left;padding:2%;width:96%; border-radius:3px}
.radio-otr-label {float: left;font-size: 14px; font-weight:bold; color:#02536e}
.radio-otr-butn-txt {float: left;font-size: 14px;width:22%;}
.rev-txtarea {border: 1px solid #a6a5a5;border-radius: 5px;height: 262px;padding: 5px;width:95%;}
.rev-inpt-label{float: left;font-size: 14px;width:118px; font-weight:bold; color:#02536e}
.rev-input-img-input {border: 1px solid #a6a5a5;border-radius: 3px; font-size:16px;float: left;height: 17px;padding: 5px;width:76px;}
.rev-input-butn {float: left; margin:10px 0 10px 16%}
.otr-img {float: left;text-align: center;width:100%; margin-right:0px;}
.profile-image {border-radius: 50%;clear: both;height: 80px;overflow: hidden;width: 80px; margin:auto;}
.rews-img {float: left; height: 80px;width: 80px;}	
.rews-img-name {color: #02536e;float: left;font-weight: bold;margin-top:0px; width:100%; text-align:center;}	
.rews-date {float: right;font-size: 12px; width:100%; text-align:center;}
header{ width:100%; float:left; margin-top:0%;}
.rev-txt {color: #444;font-size: 13px; line-height: 27px;text-align:justify;width:96%; float:left; padding:0 2%;}
.addv600 img{ float:left; margin-right:15px; border:1px solid #ccc; margin-bottom:31px; width:100%;}
.mark-otr {float: right;}
.butn{ float:left; background-image:url(../Images/butn.jpg);height:29px; margin:0 10px; cursor:pointer; background-repeat:no-repeat; text-align:center; margin-bottom:15px;}

footer{ width:100%; background-image:url(../Images/footer-img.gif); height:auto; font-size:15px; border-top:6px solid #02536e;float:left;}
.footer-iner{ float:left; width:96%;color:#fff; margin-top:15px;color: rgba(255, 255, 255, 0.5); margin-bottom:15px; padding:0 2%}
.footer-coprght {float: left; font-size:12px;}
.footer-iner ul {float: right;margin:0;padding: 0;}
.footer-iner ul li {border-right: 1px solid #cccccc;float: left;list-style-type: none; font-size:13px;}
.footer-iner ul li a {color: #ffffff;padding: 0 4px;text-decoration: none;color: rgba(255, 255, 255, 0.5);}

.reply-otr { background:none repeat scroll 0 0 #edeeef;border: 1px solid #aaa;border-radius:3px;margin:10px auto auto;padding:1%;width:98%;}
.reply-label {float: left;font-size: 14px;width:35%;}
.reply-txtara {border:1px solid #999;border-radius:3px;font-family:Verdana,Geneva,sans-serif;font-size:12px;height:120px;padding:1%;width:97%;}
.reply-input {border: 1px solid #999;border-radius: 3px;float: left;height: 25px;padding: 2px;width: 250px;}

	 
	  /*ist-page*/
.istpage-artcl{ float: left; width:96%; padding:2%;}
.istpage-fl{ float:left; width:100%; }
.istpage-fr{ float:right; width:100%;}
.istpage-inputotr{width:100%; float: left; margin:auto; margin-top:5px; margin-bottom:15px; }
.panel2nd{width:98%;}
.panel3nd{width:98%;}
	 
 }
 
 
 
 
  /* Desktops and laptops ----------- */
@media only screen 
and (min-width :320px) 
and (max-width : 480px) 
 {
     .infofl{ display:none;}
    .infofr{width:100%; float:left; margin-bottom:45%}
.infomd{width:97%; float:left; margin:0px 0px 15px 0; background:#fff; padding:1%; border: 1px solid #999; border-radius:5px}

    .infomd .label{ float:left; width:100%; font-weight:bold;}
    .infomd .detail{word-wrap: break-word; float:right; width:100%;}
    
     
     .butn{ float:left; background-image:url(../images/butn.jpg); width:149px; height:30px; margin:5px 10px; cursor:pointer;}
     
      .mobnav{ float:left; width:100%; font-size:15px; display:block; background:#fff; border-bottom:1px solid #ccc}
.mobnav-iner{width:100%; padding:0; margin:0; float:left;}
.mobnav-iner ul{ margin:0; padding:0; float:left;}
.mobnav-iner ul li{ list-style-type:none; float:left; display:block; line-height:37px;}
.mobnav-iner ul li a{ text-decoration:none; float:left; color:#000; padding:0 40px;}
.mobnav-iner ul li a:hover{ background:#ccc; color:#000;}

     
     .panel2nd{float: left;text-align:justify;width:98%; background-color:#fff; padding:1%; box-shadow:0px 0px 3px #999; margin-top:15px;   border: 1px solid #aeaeae;}
     .sclicon-otr {background-color:#ffffff;border:1px solid #a6a5a5;width:96%; padding:1%; margin-top:20px;}
     .addv300{float:left; margin-right:0; border:1px solid #ccc; margin-bottom:31px; width:100%;}
	 
	 	nav{ float:left; width:100%; background-image: none; display:none; background:#283744; height:auto;box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5) inset, 0 -1px 2px rgba(0, 0, 0, 0.5) inset, 0 -1px 15px #000; font-size:15px}
	.nav-iner{width:100%; padding:0; float:left}
	.nav-iner ul{ margin:0; padding:0; float:left; width:100%;}
.nav-iner ul li{ list-style-type:none; float:left; display:block; line-height:37px; width:100%; text-align:center}
.nav-iner ul li a{ text-decoration:none; float:left; color:#e2e6e6; padding:0 ; width:100%}
.gif-img{ float:right; cursor:pointer; width:100%; text-align:center;}
.header-iner{width:96%; padding:2%; margin:0; float:left;}
.header-iner-logo{ float:left; width:100%; text-align:center; display:none;}
.adv-728{ float: left; width:99%; background:#f3f4f4; height:auto;}
section{width:96%; padding:0 2%; margin:0;line-height: 27px;}
article{float: left;text-align:justify;width:96%; padding:2%}
aside{float:right;margin-top:0;padding:0;width:100%;}
.input{ float:left; background:#fff; padding:5px; width:69%; height:20px; margin-right:2px;}
.input-srch-icon{ float:left; width:77px ; height:30px; cursor:pointer;box-shadow:0 0 0 2px #ccc;}
.adv466{ float:left; width:100%;}
.adv466 img{ float:left; width:100%}
.adv366{ float:left; width:100%; margin-left:0;}
.adv366 img{ float:left; width:100%; margin-left:0;}
.adv472 img{ float:left; margin:18px 0 13px 0;  width:100%;}
.ratg-hdg-box {background-color:#ed9730;border:1px solid #ac6004;border-radius:5px;color:#fff;float:left;height:13px;margin: 0 5px;}
.addv160{ width:160px; height:90px; text-align:center; margin:0 10px}
.aside-link-tab-hdr {background-color:#e8e6e6;border:1px solid #d4d4d4;float:left;height:15px;padding:5px 0 16px 0;width:99%; margin-bottom:10px; border-radius:3px;}
.radio-otr {border:1px solid #ccc;float:left;padding:2%;width:96%; border-radius:3px}
.radio-otr-label {float: left;font-size: 14px;width:100%; font-weight:bold; color:#02536e}
.radio-otr-butn-txt {float: left;font-size: 14px;width:30%;}
.rev-txtarea {border: 1px solid #a6a5a5;border-radius: 5px;height: 262px;padding: 5px;width:95%;}
.rev-inpt-label{float: left;font-size: 14px;width:118px; font-weight:bold; color:#02536e}
.rev-input-img-input {border: 1px solid #a6a5a5;border-radius: 3px; font-size:16px;float: left;height: 17px;padding: 5px;width:76px;}
.rev-input-butn {float: left; margin:10px 0 10px 32%}
.otr-img {float: left;text-align: center;width:100%; margin-right:0px;}
.profile-image {border-radius: 50%;clear: both;height: 80px;overflow: hidden;width: 80px; margin:auto;}
.rews-img {float: left; height: 80px;width: 80px;}	
.rews-img-name {color: #02536e;float: left;font-weight: bold;margin-top:0px; width:100%; text-align:center;}	
.rews-date {float: right;font-size: 12px; width:100%; text-align:center;}
header{ width:100%; float:left; margin-top:0%;}
.rev-txt {color: #444;font-size: 13px; line-height: 27px;text-align:justify;width:96%; float:left; padding:0 2%;}
.addv600 img{ float:left; margin-right:15px; border:1px solid #ccc; margin-bottom:31px; width:100%;}
.mark-otr {float: right; width:100%;}






footer{width:100%; background-image:url(../Images/footer-img.gif); height:auto; font-size:15px; border-top:6px solid #02536e;float:left;}
.footer-iner{ float:left; width:96%;color:#fff; margin-top:15px;color: rgba(255, 255, 255, 0.5); padding:2%}
.footer-coprght {float: left; font-size:12px; width:100%; text-align:center;}
.footer-iner ul {float: left;margin:10px 0;padding: 0;}
.footer-iner ul li {border-right: 1px solid #cccccc;float: left;list-style-type: none; font-size:13px;}
.footer-iner ul li a {color: #ffffff;padding: 0 4px;text-decoration: none;color: rgba(255, 255, 255, 0.5);}

.reply-otr { background:none repeat scroll 0 0 #edeeef;border: 1px solid #aaa;border-radius:3px;margin:10px auto auto;padding:1%;width:98%;}
.reply-label {float: left;font-size: 14px;width:35%;}
.reply-txtara {border:1px solid #999;border-radius:3px;font-family:Verdana,Geneva,sans-serif;font-size:12px;height:120px;padding:1%;width:97%;}
.reply-input {border: 1px solid #999;border-radius: 3px;float: left;height: 25px;padding: 2px;width: 250px;}
	 
	 
	 /*ist-page*/
.istpage-artcl{ float: left; width:96%; padding:2%;}
.istpage-fl{ float:left; width:100%; }
.istpage-fr{ float:right; width:100%;}
.istpage-inputotr{width:100%; float: left; margin:auto; margin-top:5px; margin-bottom:15px; }
.panel2nd{width:98%;}
.panel3nd{width:98%;}

 }
 
 
 /* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px)
{
    .infofl{ display:none;}
    
    .infofr{width:100%; float:left; margin-bottom:45%}
.infomd{width:97%; float:left; margin:0px 0px 15px 0; background:#fff; padding:1%; border: 1px solid #999; border-radius:5px}

    .infomd .label{ float:left; width:100%; font-weight:bold;}
    .infomd .detail{word-wrap: break-word; float:right; width:100%;}
    
    
  .butn{ float:left; background-image:url(../images/butn.jpg); width:149px; height:30px; margin:5px 10px; cursor:pointer;}
    
    .mobnav{ float:left; width:100%; font-size:15px; display:block; background:#fff; border-bottom:1px solid #ccc}
.mobnav-iner{width:100%; padding:0; margin:0; float:left;}
.mobnav-iner ul{ margin:0; padding:0; float:left;}
.mobnav-iner ul li{ list-style-type:none; float:left; display:block; line-height:37px;}
.mobnav-iner ul li a{ text-decoration:none; float:left; color:#000; padding:0 40px;}
.mobnav-iner ul li a:hover{ background:#ccc; color:#000;}

    
    .sclicon-otr {background-color:#ffffff;border:1px solid #a6a5a5;width:96%; padding:1%; margin-top:20px;}
    .addv300{float:left; margin-right:0; border:1px solid #ccc; margin-bottom:31px; width:100%;}
	
nav{ float:left; width:100%; display:none; background-image: none; position; background:#283744; height:auto;box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5) inset, 0 -1px 2px rgba(0, 0, 0, 0.5) inset, 0 -1px 15px #000; font-size:15px}
.nav-iner{width:100%; padding:0; float:left}
.nav-iner ul{ margin:0; padding:0; float:left; width:100%;}
.nav-iner ul li{ list-style-type:none; float:left; display:block; line-height:37px; width:100%; text-align:center}
.nav-iner ul li a{ text-decoration:none; float:left; color:#e2e6e6; padding:0 ; width:100%}
.gif-img{ float:right; cursor:pointer; width:100%; text-align:center;}
.header-iner{width:96%; padding:2%; margin:0; float:left;}
.header-iner-logo{ float:left; width:100%; text-align:center; margin:0; display:none;}
.adv-728{ float: left; width:99%; background:#f3f4f4; margin-bottom:20px; height:auto;}

section{width:96%; padding:0 2%; margin:0;line-height: 27px;}
article{float: left;text-align:justify;width:96%; padding:2%}
aside{float:right;margin-top:0;padding:0;width:100%;}
.input{ float:left; background:#fff; padding:5px; width:66%; height:20px; margin-right:2px;}
.input-srch-icon{ float:left; width:77px ; height:30px; cursor:pointer;box-shadow:0 0 0 2px #ccc;}
.adv466{ float:left; width:100%;}
.adv466 img{ float:left; width:100%}
.adv366{ float:left; width:100%; margin-left:0;}
.adv366 img{ float:left; width:100%; margin-left:0;}
.adv472 img{ float:left; margin:18px 0 13px 0;  width:100%;}
.ratg-hdg-box {background-color:#ed9730;border:1px solid #ac6004;border-radius:5px;color:#fff;float:left;height:13px;margin: 0 5px;}
.addv160{ width:100%; height:90px; text-align:center; margin-bottom:20px;}
.aside-link-tab-hdr {background-color:#e8e6e6;border:1px solid #d4d4d4;float:left;height:15px;padding:5px 0 16px 0;width:99%; margin-bottom:10px; border-radius:3px;}
.radio-otr {border:1px solid #ccc;float:left;padding:2%;width:96%; border-radius:3px}
.radio-otr-label {float: left;font-size: 14px;width:100%; font-weight:bold; color:#02536e}
.radio-otr-butn-txt {float: left;font-size: 14px;width:50%;}
.rev-txtarea {border: 1px solid #a6a5a5;border-radius: 5px;height: 262px;padding: 5px;width:95%;}
.rev-inpt-label{float: left;font-size: 14px;width:118px; font-weight:bold; color:#02536e}
.rev-input-img-input {border: 1px solid #a6a5a5;border-radius: 3px; font-size:16px;float: left;height: 17px;padding: 5px;width:76px;}
.rev-input-butn {float: left; margin:10px 0 10px 32%}
.otr-img {float: left;text-align: center;width:100%; margin-right:0px;}
.profile-image {border-radius: 50%;clear: both;height: 80px;overflow: hidden;width: 80px; margin:auto;}
.rews-img {float: left; height: 80px;width: 80px;}	
.rews-img-name {color: #02536e;float: left;font-weight: bold;margin-top:0px; width:100%; text-align:center;}	
.rews-date {float: right;font-size: 12px; width:100%; text-align:center;}
header{ width:100%; float:left; margin-top:0%;}
.rev-txt {color: #444;font-size: 13px; line-height: 27px;text-align:justify;width:96%; float:left; padding:0 2%;}
.addv600 img{ float:left; margin-right:15px; border:1px solid #ccc; margin-bottom:31px; width:100%;}
.mark-otr {float: right; width:78%;}


footer{ width:100%; background-image:url(../Images/footer-img.gif); height:auto; font-size:15px; border-top:6px solid #02536e;float:left;}
.footer-iner{ float:left; width:98%;color:#fff; margin-top:0px;color: rgba(255, 255, 255, 0.5); padding:1%}
.footer-coprght {float: left; font-size:12px; width:100%; text-align:center;}
.footer-iner ul {float: left;margin:10px 0;padding: 0;}
.footer-iner ul li {border-right: 1px solid #cccccc;float: left;list-style-type: none; font-size:13px;}
.footer-iner ul li a {color: #ffffff;padding: 0 4px;text-decoration: none;color: rgba(255, 255, 255, 0.5);}

.reply-otr { background:none repeat scroll 0 0 #edeeef;border: 1px solid #aaa;border-radius:3px;margin:10px auto auto;padding:1%;width:98%;}
.reply-label {float: left;font-size: 14px;width:35%;}
.reply-txtara {border:1px solid #999;border-radius:3px;font-family:Verdana,Geneva,sans-serif;font-size:12px;height:120px;padding:1%;width:97%;}
.reply-input {border: 1px solid #999;border-radius: 3px;float: left;height: 25px;padding: 2px;width: 250px;}
.panel2nd{float: left;text-align:justify;width:98%; background-color:#fff; padding:1%; box-shadow:0px 0px 3px #999; margin-top:15px;   border: 1px solid #aeaeae;}


/*ist-page*/
.istpage-artcl{ float: left; width:96%; padding:2%;}
.istpage-fl{ float:left; width:100%; }
.istpage-fr{ float:right; width:100%;}
.istpage-inputotr{width:100%; float: left; margin:auto; margin-top:5px; margin-bottom:15px; }

.panel2nd{width:98%;}
.panel3nd{width:98%;}
}


/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}