@media only screen and (max-width:767px) {
.headerCon {display:none;}
.headerCon1 {display:block;}

.headerCon1.hdfxd { position: relative;}
.headerCon.hdfxd { position: relative;}
.toggle{ display:block; padding:26px ;  position:absolute; right:3px; top:14px; z-index:500;}
.toggle span::before {  background: #000 none repeat scroll 0 0;  content: "";  display: block;  height: 100%;  left: 0;  position: absolute;  transform: translateY(220%);  width: 100%;  transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; outline:none;}
.toggle span::after {  background: #000 none repeat scroll 0 0;  content: "";  display: block;  height: 100%;  left: 0;  position: absolute;  transform: translateY(-220%);  width: 100%;  transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; outline:none;}

.toggle.open span::before{ background:#000;  transform: translateY(0px) rotate(-45deg);}
.toggle.open span::after{ background:#000;  transform: translateY(0px) rotate(45deg);}
.toggle.open span{ background:none;}
.toggle span{ display:block; width:30px; height:4px; background:#000; margin:5px auto; position:absolute; left:0; right:0; top:50%; margin-top:-3px;  }
.toggle{ display:block;}
.navBar {   position:absolute;  left: 0;  top: 100%;  width: 100%; display:none;}

.navBar .navMain li:hover a{ color:#fff;}
.navBar .navMain li:hover a:after{ width:100%;}
.navBar .navMain li a:after{ width:100%; height:1px; color:#333; background:#333;}
.navBar .navMain li{ width:100%;}
.navBar .navMain li a{ display:block; border-bottom:1px solid #333; font-family:open_sansregular; color:#fff; font-size:17px; padding:12px 2px;  background: rgba(0,0,0,.9);}
.navBar .navMain li a:hover{ opacity:.96;}
.subNav.subNav2 {  left: 0;  right: 0;  width: 100%;  background: none;}
.subNav.subNav2 a{ text-align:center;  font-size:15px;  background: rgba(0,0,0,.94); }
.subNav.subNav2 a:hover{opacity:.96; background: rgba(0,0,0,.9);}
.navBar .navMain > li:hover > a{ color:#fff;  background: rgba(0,0,0,.9);}
.navBar .navMain li.subMenu > a{ background:url(../images/down-arrow.png) no-repeat right 15px center rgba(0,0,0,.9);}
.navBar .navMain li.subMenu > a.actv{background:url(../images/uparrow.png) no-repeat right 15px center rgba(0,0,0,.9);}
.navBar .navMain li.active a{ color:#fff; background: rgba(0,0,0,.9);}
.subNav{ position:relative;  background: rgba(0,0,0,.2); width:100%; left:0; right:0; display:none; border:0;}
.subMenu:hover .subNav{ display:none;}
.serviBox strong{ display:none;}
.navBar ul li{ margin:0; padding:0; }
.serviBox{ padding:0; width:100%; text-align:center;}
.navBar .navMain li .serviBox a{ font-size:15px;  background: rgba(0,0,0,.94);}
.headHd img{ display:none;}
.headHd h1{ font-size:34px;}
.getStarted strong{ font-size:16px;}
.quickConAndGetStarted h2{ font-size:26px;}
.footBox{ width:96%; margin:0 0 30px 0;}
.footBox strong{ padding-bottom:5px;}
.tabDetails li{ width:49%;}
.leftCon h1{ font-size:34px; line-height:26px; padding-bottom:10px;}
.leftCon{ width:100%; float:none; margin-bottom:30px;}
.rightCon{ width:100%; float:none;}

.priceBox{ float:none; margin:auto; display:block;}
.specicon{ width:auto; float:none; margin:20px auto 0 auto; text-align:center;}
.specicon p{ text-align:center;}
.getNow{ display:inline-block; margin-top:20px; float:none;}
.specialPackg{ text-align:center;}
.formBox{ width:100%; float:none; text-align:center; margin-top:20px;}
.leftText{ width:100%; float:none; text-align:center;}
.leftText h2{ font-size:20px;}
.left_sectionSmo{ width:100%;}
.right_sectionSmo{ width:100%; text-align:center}

}
@media only screen and (max-width:639px) {

.serviceBox ul li{ width:100%; margin:0 0 30px 0;}
.leftCorn , .rightCorn{ display:none;}
.getStarted , .quickCon{ width:100%; float:none;}
.getStarted1{ width:100%; float:none;}


}
@media only screen and (max-width:479px) {
.tabDetails a{ line-height:100px;}
.footBox strong{ font-size:16px;}
.headHd h1{ font-size:27px;}
.serviceList li{ width:100%; margin:15px 0;}
.rightConBtn a {  width: 301px; font-size:22px;  display: block;  margin: 0 auto 20px auto;}
.rightConBtn a img{ top:21px;}

}