html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
ol, ul {
	list-style: none;
	margin:0px;
	padding:0px;	
}
table {
	/*border-collapse: collapse;
	border-spacing: 0;*/
}

/*=======Start of Resposive=======*/

img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

.nav label {
  display: none;
  cursor: pointer;
  user-select: none;
}
.nav input[type="checkbox"] {
    left: -9999px;
    position: absolute;
    top: -9999px;
}


@media (max-width: 1180px) {}
@media (max-width: 1024px) {.pagewrap{ width:95%;} .nav ul li{padding: 1%;} 
/*.towel-img{margin: 0 1.4% 0 1.6%;}*/ .directory ul li{ padding-right: 0%;} 
.logo{ width: 26%;} .tell-us{ width:47%;} 
.header .nav{ width:100%;}
.header .nav ul{ width:70%;}
}
@media (max-width: 960px) {.nav ul li a{font-size: 12px;} .header .nav ul{ width:100% !important;}}
@media (max-width: 900px) {.right-mid{ padding: 0 2%;}}
@media (max-width: 850px) {/*.nav ul li{padding: 1% 0.7%;}*/ .header .nav ul{ width:70%;} .header .nav ul{ height:25px;}}
@media (max-width: 800px) {/*.nav ul li{padding: 1% 0.6%;}*/}
@media (max-width: 780px) {/*#pagewrap{ width:720px;}*/ 
.nav ul li{padding: 1% 1.3% 1% 0.7%;/* background-image:none;*/} .nav ul li a{ font-size:11px;} .right-mid { padding:12% 0% 12% 2%} .privacy-pol{width: 35%;} .powerdby{ width:31%;} /*.towel-img{margin: 0 1.1% 0 1.4%;}*/
.directory{
width:93%;
padding: 1% 0 2% 7%;}
.tell-us{font-size: 18px;
    padding-left: 1%;}
    .logo{ width:36%;}
 } 
 @media (max-width: 725px) {.nav ul li a{ font-size:9px;}.nav ul li{ background-image:none;}
 .right-mid h1{ font-size: 20px;} .right-mid h3{font-size: 22px; } .right-mid p{ font-size: 22px;}
 body{ background:none #fafafa; border-top:3px solid  #710404; }
 .header .nav ul {
    width: 100%;
}
.logo{ width:50%;}

 }
@media (max-width: 670px) {.nav ul li a{ font-size:9px;}.nav ul li{ background-image:none;} .header .nav ul li{padding-right: 0; padding-left: 10px}}
@media (max-width: 600px) { .right-mid h1{ font-size: 18px;} .right-mid h3{font-size: 20px; } .right-mid p{ font-size: 20px;}}
@media (max-width: 550px) {.nav ul li a{ font-size:8px;}  .chat-girl{ width:50%;}
}
@media (max-width: 520px) {.nav ul li a{ font-size:7px;}.right-mid h1{ font-size: 16px;} .right-mid h3{font-size: 18px; } .right-mid p{ font-size: 18px;}.header .nav ul li{padding-left: 6px;}}
@media (max-width: 480px) {
/*#pagewrap{ width:420px;}*/
 .left-mid h2{font-size: 16px;}
 .left-mid p{font-size: 12px;}
  .right-mid h1{ font-size:14px; float:left;} 
  .right-mid h3{ font-size:14px;} 
  .right-mid p{ font-size:14px; float:right; width:32%; text-align:right; position:relative; bottom:14px;}
 .right-mid {border-left: medium none;border-top: 1px solid #D9D9D9;float: left;height: auto;margin-top: 5%;padding: 3% 2% 0;text-align: inherit;width: 96%;}
 .fotter { font-size:11px;  padding: 15px 0;} 
 .left-mid{ width:100%;}
.mid-box{padding-top: 5px; padding-bottom: 15px;}
.right-mid h3{ padding:0% 11%; float:left;}
.right-mid p span{ top:8px;}
.mail-info{ width:50%;}
.powerdby{ width:100%; text-align:inherit; padding:0px; text-align:center; position:relative; top:15px;}
.privacy-pol{ width:50%; float:right; text-align:right;/* position:relative; bottom:144px;*/}
.privacy-pol p{ text-align:inherit;}
.header{padding-bottom: 8px;}
.nav ul li{padding: 1.5% 0.5%;} .mid-left-pannel2{ font-size:12px;}
.tell-us{ float:left; padding:7% 0% 0% 0%; font-size:16px; width:47%; text-align:center;}
.chat-girl{ width:30%;}
.nav ul li a{ color:#7c0c13;}
.powerdby{ display:none;}
.fotter-logo2{ display:inline; float:left; text-align:center; width:100%; padding-top:10px;    padding-bottom: 15px;}
.chat-girl2{ display:none;}
.chat-girlm{ display:inline;}
.logo{ width:100%; text-align:center;}
.siteService{display:none !important;}
.mobileService{display:inline !important;}
.outer-fotter{ background: #d5d5d5; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q1ZDVkNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjklIiBzdG9wLWNvbG9yPSIjZWFlYWVhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2M4YzhjOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #d5d5d5 0%, #eaeaea 9%, #c8c8c8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d5d5d5), color-stop(9%,#eaeaea), color-stop(100%,#c8c8c8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d5d5d5 0%,#eaeaea 9%,#c8c8c8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #d5d5d5 0%,#eaeaea 9%,#c8c8c8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #d5d5d5 0%,#eaeaea 9%,#c8c8c8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #d5d5d5 0%,#eaeaea 9%,#c8c8c8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5d5d5', endColorstr='#c8c8c8',GradientType=0 ); /* IE6-8 */

}
.header .nav ul li a{ float:none;}
.separator{ display:none !important;}
}

@media (max-width: 460px) {.right-mid p{ text-align: center; top: 1px; width: 100%;}

}

@media (max-width: 320px) {
/*#pagewrap{ width:280px;}*/
.left-mid h2{ font-size:14px;}
.left-mid p{font-size:11px;}
.right-mid p{ width:100%; text-align:center; top:1px;}
.right-mid h3{ float:right; padding:0%;}
.fotter{ line-height:23px; font-size:12px; text-align:center;}
.mail-info{ width:100%; }
.powerdby{ width:100%; float:left;  top:0px; }
.privacy-pol{ width:100%; float:left; bottom:0px; text-align:center;   } 
.mid-left-pannel2{ font-size:11px;}
.tell-us{ font-size: 12px;}
.fotter-logo{ display:none;}
#progress_bar{left: 20%;}
.nav > ul > li{width:98% !important;}

}
@media (max-width: 240px) {/*#pagewrap{ width:200px;}*/ .fotter{ font-size:11px;}
.right-mid h3{text-align: center; padding-top: 15px;
    width: 100%;} .right-mid h1{ float:none; text-align:center;} .servcies-pad{ font-size:12px;}
	 .mid-left-pannel2{ font-size:10px;} .middle-wrapper h1{font-size: 16px;}
	 .tell-us{ font-size:8px;}
	}

   @media screen and (max-width: 480px) {
   .header .nav{ width:100%}
   .header .nav ul li a:hover{ border:none;}
   .header .nav ul li a.select{ border:none;}
   .header .nav ul { height:auto;}
  .nav > ul, .nav > ul ul {
    visibility: visible;
    opacity: 1;
    display: none;
	
  }
  .navli{ margin-top:140px;}
.nav  ul li ul{ display:none !important;}
  .nav input[type=checkbox]:checked ~ label,
  .nav input[type=checkbox] ~ label:hover {
    color: white; font-family: 'CALIBRI'; font-size:24px;
  }
  .nav label {
    border: 1px solid #C57272;
    background-color: #921F13;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
    background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
    background-image: -o-linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
    background-image: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
    color: #F5F5F5;
    text-shadow: 0 1px 0 #111111;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    text-transform: uppercase;
    position: relative;
    display: block;
    padding: 10px 52px;
	font-family: 'CALIBRI'; font-size:24px;
  }
  .nav label:before {
    position: absolute;
    left: 0.5em;
    top:-10px;
    content: "\2261";
    font-size: 40px; 
  }
  .nav > ul {
    position: relative;
    border-color: #111111;
    margin: 0.5em 0 !important;
   /* padding: 0.25em;*/
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
   /* background-color: #fff;*/
    background-image: none;
  }
  .nav > ul:after {
    content: '';
    position: absolute;
    left: 2em;
    top: -12px;
    border: 6px solid transparent; display:none;
    border-bottom-color: inherit;
  }
  .nav > ul li {
    display: block;
  }
  .nav > ul > li {
    float: none;
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: #E1E1E1;
    background-image: none;
	text-align:center; width:98.5%;/* margin-left:5%;*/ border-bottom:1px solid #fff;}
	
  
  .nav > ul > li > a {
    float: none;
    display: block; font-size:18px;
 /*   padding: 1em;*/
  }
  .nav > ul ul {
    position: static;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    background-color: #2b2b2b;
    background-image: none;
    margin: 0;
    -webkit-transition-property: none;
    -moz-transition-property: none;
    -o-transition-property: none;
    transition-property: none;
  }
  .nav > ul ul li:first-child > a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
  }
  .nav > ul ul li:first-child > a:after {
    content: none;
  }
  .nav > ul ul li:last-child > a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
  }
  .nav > ul ul a {
    padding-left: 2em;
    display: block;
    width: auto;
  }
  .nav input[type=checkbox]:checked ~ ul {
    display: block;
  }
  .nav input[type=checkbox]:checked ~ ul ul {
    display: block;
  }
}