/*******************************************************************



     DESIGN AND DEVELOP BY : Imam ul Tahir
     CONTACT : +92 033 437 65516



*********************************************************************/

.topheader {}
.mainnav {background:#152151;}
.topheader .social {}
.topheader .social img {}
.topheader .callreser { margin:40px 0;}
.topheader .callreser a {font-size: 20px;}
.topheader .callreser .floatright {float:right;}
.topheader .whatsapp {display: none}

.mainbanner {background-image:url('../images/bannerbg.jpg'); background-repeat:no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; background-position:center; padding: 40px 0;}
.mainbanner .mainbannerheader {text-align: left;  color:#fff; padding:30px 0;}
.mainbanner .mainbannerheader h1 {font-weight: bold; text-transform: uppercase; margin: 0;}
.mainbanner .mainbannerheader h2 { margin: 0;}

.mainbannerfooter {padding-top:20px; padding-bottom:20px; padding-left:0 !important; padding-right:0 !important;}
.mainbannerfooter h3 {color:#152151; font-weight: bold; text-align: center;}
.mainbannerfooterbox {text-align: CENTER; padding: 50px 0;}
.mainbannerfooterbox a {color: #606060;}
.mainbannerfooter .mainbannerfooterbox {-webkit-box-shadow: 0 0 5px 2px #fff; -moz-box-shadow: 0 0 5px 2px #ccc; box-shadow: 0 0 5px 2px #ccc; background: #ffffff; border: 1px solid #ababab; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; margin: 0 10px 0 0;}




.maincontent {border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border: 1px solid #ccc;     background-position: bottom;}
.maincontent a {color: #4ec09e;}
.maincontent a:hover {color: #4ec09e;}



.parralaxsection {background:url('../images/parralaxsectionbg.jpg') #056478; margin-top: 40px; color: #fff; font-weight: bold; padding: 50px 0; text-align: center;}
.parralaxsection h2 {font-weight: bold;}
.parralaxsection h4 {color: #fff !important; font-weight: bold;}

.lineclass {margin:0 0 30px 0;}
.lineclass a {color:#000;}
.lineclass ul {}
.lineclass ul li {padding:5px 0; border-bottom:1px solid #ccc; list-style-image: url(../images/arrow.png);}



.allcities {padding: 30px 0;}
.allcities a {float: left; display: block; background: #000; margin: 10px 0 0 10px; padding: 10px; color: #fff; border-radius: 5px;}
.allcities a:hover {color: #fff; text-decoration:none;} 

div.gallery {
  margin: 5px;
  border: 1px solid #ccc;
  float: left;
  width: 260px;
  height: 240px;

-webkit-box-shadow: 0 0 5px 2px #fff; -moz-box-shadow: 0 0 5px 2px #ccc; box-shadow: 0 0 5px 2px #ccc; background: #dedede; border: 1px solid #ababab; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;
}

div.gallery:hover {
  border: 1px solid #777;
}

div.gallery img {
  width: 100%;
  height: auto;
}

div.desc {
  padding: 15px;
  text-align: center;
}

.gallery a {background: #4ec09e; padding: 5px 10px; color: #fff;}

div.desc  img {width: inherit !important;}

.mainfooter {background:url('../images/footerbg.png') #000; background-repeat:repeat; padding:0 0 50px 0;  margin-top: 60px; color:#fff;}
.mainfooter .mainfooterInner {padding: 30px 0;}
.mainfooter p, .mainfooter .mainfooterInner a {color:#ccc; font-size:16px; font-weight: normal;}
.mainfooter .mainfooterInner h1 {font-size:15px; margin: 5px 0;} 

.blog {padding:10px; background:#ccc;}
.blog a {}
.blog img {width:100%;}




























 /* ===============                      ===============
                   Phones and Handhelds
   ===============                      =============== */
@media only screen and (max-width: 599px) {
.topheader .logo img, .maincontent img {width:100%;}
.topheader .callreser a {font-size: 25px; display: BLOCK;}
.topheader .callreser  {text-align: center;}
.social {margin: 0 0 60px 0; display: block; }
.social img { float: left; margin: 0 15px; display: block; text-align: center;}
.topheader .whatsapp {display: block}
div.gallery {width: 100%; height: auto;}
.container {width: 100%; height: auto;}
.container {padding-right: 30px !important; padding-left: 30px !important;}
.imgwidth img {width: 100%;}
}

@media only screen and (max-width: 549px) and (min-width: 400px) {
.topheader .logo img, .maincontent img {width:100%;}
.topheader .callreser a {font-size: 25px; display: BLOCK;}
.topheader .callreser  {text-align: center;}
.social {margin: 0 0 60px 0; display: block; }
.social img { float: left; margin: 0 15px; display: block; text-align: center;}
.topheader .whatsapp {display: block}
div.gallery {width: 100%; height: auto;}
.container {padding-right: 30px !important; padding-left: 30px !important;}
.imgwidth img {width: 100%;}
}

@media only screen and (max-width: 650px) and (min-width: 550px) {
.topheader .logo img, .maincontent img {width:100%;}
.topheader .callreser a {font-size: 25px; display: BLOCK;}
.topheader .callreser  {text-align: center;}
.social {margin: 0 0 60px 0; display: block; }
.social img { float: left; margin: 0 15px; display: block; text-align: center;}
.topheader .whatsapp {display: block}
div.gallery {width: 100%; height: auto;}
.container {padding-right: 30px !important; padding-left: 30px !important;}
.imgwidth img {width: 100%;}
}


@media (min-width:750px) and (min-width: 700px) {


}

/* ===============                      ===============
                         Tablets
   ===============                      =============== */
@media only screen and (max-width: 990px) and (min-width: 600px) {
}

/* ===============                      ===============
                         Laptops
   ===============                      =============== */
@media only screen and (max-width: 1125px) and (min-width: 1000px) { 

}

/* ===============                      ===============
                         Big Screen
   ===============                      =============== */
@media only screen and (max-width: 1200px) and (min-width: 1050px) {  

}