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

smaller than 1170

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

@media screen and (max-width:1300px) {

.wrapper{ width:100%; }

}

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

smaller than 768

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

@media (min-width: 1025px) and (max-width: 1280px) {
.wrapper{ width:100%;}
.container{ width:100%!important;}
.header-div{ width:100%!important;}

.slider-left{float:left; width:280px; height:auto; padding:10px 30px 0 30px; text-align:center;}
.slider-right{ width:64%;}
.slider-right img{width:100%; height:100%;}
.header-top{width:100%!important; height:auto!important;}
.header-logo{width:100%!important;}
.slider-left ul li{ font:16px/25px 'open_sansregular'; color:#2a2929;}
#cssmenu > ul > li > a{padding:10px 20px 10px 20px; font-size: 13px;}

.slider-div{width:100%!important; height:auto!important;}
.slider-text{width:94%!important; height:auto!important;}
.slider-text-border{width:98.9%!important; height:auto!important;}

.body-div{width:96%!important; margin:0 2px 0 2px; padding-right:0;}
.body-div h1{ font-size:34px!important;}
.body-right{ width: 66%;
margin: 0 0 0 21px;
padding: 0 19px 0 0;}

.add-div{width:100%;}
.add-div img{width:100%;}


.package-tour-div{ width:100%!important; height:auto!important;}
.tour-div{width:46%!important; margin-bottom:5px!important;}
.tour-div img{width:100%!important;}

.cont-div{width:100%!important; margin:10px 0 0 0;}
.contact-div{width:100%!important;}
.cont-left{width:100%!important;}
.cont-left h1{text-align:center!important;}
.cont-detail{width:100%!important; text-align:center;}
.mobile-no{ text-align:center!important; float:none!important; background-position:225px 0;}
.email{text-align:center!important; float:none!important; background-position:181px 4px;}
.cont-right{ text-align:center; margin:0; width:100%;}

.form-left{width:100%!important;}
.col-75{width:100%!important;}
.form-right{width:100%!important;}
.map-set{width:100%!important; margin-top:10px;}

.exp-tour {width:31%!important; height:auto!important;}
.exp-tour-text{top:150px; width:100%;}
.exp-tour img{width:100%!important;}

.video-text{width:65%!important; margin:0 0 0 0;}


.footer{width:96%!important;}
.footer-div{ width:100%; text-align:center;}
.footer-div-address{ width:100%; text-align:center;}
.footer-div-link{width:100%!important; text-align:center !important; margin-bottom:20px!important; margin-top:20px;}
.copy-right-div{ width:100%;}


}

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

smaller than 600

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

@media (min-width: 768px) and (max-width: 1024px) {
.wrapper{ width:100%;}
.container{ width:100%!important;}
.header-div{ width:99%!important; float:none; margin:0 auto;}

#cssmenu > ul > li, #cssmenu.align-right > ul > li{ background-color:#000;}

.top-header p{float:none; text-align:center; margin:0;}
.top-header p img{width:50%!important;}
.tirupati-img img{width:40%!important;}

.tirupati-image{width:100%; text-align:center; margin:0;}
.tirupati-img span{display:none;}

.menu-align{ width:100%; margin:5px 0 5px 0;}
.slider-div{width:100%!important; height:auto!important;}

.slider-left{width:90%!important; margin:0 auto; padding:0; float:none;}
.slider-left ul li{font:13px/18px 'open_sansregular'; padding:3px 0 3px 0;}
.slider-left li span{font:23px/18px 'open_sansregular'; color:#ff0000;}

.slider-text{ width:98%; margin:5px 0 5px 0; padding:1%;}
.slider-text-border{ width:98%; padding:1%;}

.slider-right{ width:98%; margin:0 auto; float:none;}
.slider-right img{width:100%; height:100%;}

.check-events{ width:93%; padding:8px 15px 8px 15px}

.body-div{width:98%!important; margin:0 auto; padding:0; float:none;}
.body-div h1{ font-size:34px!important;}

.body-left{width:100%;}
.body-left-tab{width:100%;}

.body-right{ width:100%; margin:0;}
.body-right h2{text-align:center;}
.body-right p{text-align:center; font-size:13px;}
.add-div{ width:100%; height:auto;}
.add-div img{ width:100%;}

.tour-pic{ width:45%;}
.tour-pic img{ width:100%;}
.tour-detail{width:50%;}
.tour-detail h2{text-align:left; font-size:16px;}
.tour-detail p{text-align:left;}
.itinerary-details-text h3{ text-align:center;}

.gallery-div{width:100%!important; text-align:center;}
.gallery-div h2{ text-align:center!important;}
.gallery-div ul li{ width:32%;}
.gallery-div li img{width:100%!important; height:100%;}


.footer{width: 100% !important; margin: 0; padding: 0;}
.footer-div{ width:100%;}

.footer-div-address{width:100%; text-align:center;}
.footer-div-link{width:100%; margin:15px 0 0 0; text-align:center; border-top:1px solid #775a00; padding-top:10px;}

.copy-right-div{width:100%;}
}

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

smaller than 480

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

@media (min-width: 481px) and (max-width: 767px) {

.wrapper{ width:100%;}
.container{ width:100%!important;}
.header-div{ width:99%!important; float:none; margin:0 auto;}

#cssmenu > ul > li, #cssmenu.align-right > ul > li{ background-color:#000;}

.top-header p{float:none; text-align:center; margin:0;}
.top-header p img{width:50%!important;}
.tirupati-img img{width:40%!important;}

.tirupati-image{width:100%; text-align:center; margin:0;}
.tirupati-img span{display:none;}

.menu-align{ width:100%; margin:5px 0 5px 0;}
.slider-div{width:100%!important; height:auto!important;}

.slider-left{width:90%!important; margin:0 auto; padding:0; float:none;}
.slider-left ul li{font:13px/18px 'open_sansregular'; padding:3px 0 3px 0;}
.slider-left li span{font:23px/18px 'open_sansregular'; color:#ff0000;}

.slider-text{ width:98%; margin:5px 0 5px 0; padding:1%;}
.slider-text-border{ width:98%; padding:1%;}

.slider-right{ width:98%; margin:0 auto; float:none;}
.slider-right img{width:100%; height:100%;}

.check-events{ width:93%; padding:8px 15px 8px 15px}

.body-div{width:98%!important; margin:0 auto; padding:0; float:none;}
.body-div h1{ font-size:34px!important;}

.body-left{width:100%;}
.body-left-tab{width:100%;}

.body-right{ width:100%; margin:0;}
.body-right h2{text-align:center;}
.body-right p{text-align:center; font-size:13px;}
.add-div{ width:100%; height:auto;}
.add-div img{ width:100%;}

.tour-pic{ width:45%;}
.tour-pic img{ width:100%;}
.tour-detail{width:50%;}
.tour-detail h2{text-align:left; font-size:16px;}
.tour-detail p{text-align:left;}
.itinerary-details-text h3{ text-align:center;}

.gallery-div{width:100%!important; text-align:center;}
.gallery-div h2{ text-align:center!important;}
.gallery-div ul li{ width:48%;}
.gallery-div li img{width:100%!important; height:100%;}


.footer{width: 100% !important; margin: 0; padding: 0;}
.footer-div{ width:100%; padding-top:15px;}

.footer-div-address{width:100%; text-align:center;}
.footer-div-link{width:100%; margin:15px 0 0 0; text-align:center; border-top:1px solid #775a00; padding-top:10px;}

.copy-right-div{width:100%;}
}



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

smaller than 320

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

@media (min-width: 320px) and (max-width: 480px) {
.wrapper{ width:100%;}
.container{ width:100%!important;}
.header-div{ width:99%!important; float:none; margin:0 auto;}

#cssmenu > ul > li, #cssmenu.align-right > ul > li{ background-color:#000;}

.top-header p{float:none; text-align:center; margin:0;}
.top-header p img{width:50%!important;}
.tirupati-img img{width:40%!important;}
.tirupati-image{width:100%; text-align:center; margin:0;}
.tirupati-img span{display:none;}

.menu-align{ width:100%; margin:5px 0 5px 0;}
.slider-div{width:100%!important; height:auto!important;}

.slider-left{width:90%!important; margin:0 auto; padding:0; float:none;}
.slider-left ul li{font:13px/18px 'open_sansregular'; padding:3px 0 3px 0;}
.slider-left li span{font:23px/18px 'open_sansregular'; color:#ff0000;}

.slider-text{ width:98%; margin:5px 0 5px 0; padding:1%;}
.slider-text-border{ width:98%; padding:1%;}

.slider-right{ width:98%; margin:0 auto; float:none;}
.slider-right img{width:100%; height:100%;}

.check-events{ width:93%; padding:8px 15px 8px 15px}

.body-div{width:98%!important; margin:0 auto; padding:0; float:none;}
.body-div h1{ font-size:34px!important;}

.body-left{width:100%;}
.body-left-tab{width:100%;}

.body-right{ width:100%; margin:0;}
.body-right h2{text-align:center;}
.body-right p{text-align:center; font-size:13px;}
.add-div{ width:100%; height:auto;}
.add-div img{ width:100%;}

.tour-pack-div{text-align:center;}
.tour-pic{float:none; margin:0 0 10px 0;}
.itinerary-details-text h3{ text-align:center;}


.gallery-div{width:100%!important; text-align:center;}
.gallery-div h2{ text-align:center!important;}
.gallery-div ul li{ width:80%;}
.gallery-div li img{width:100%!important; height:100%;}


.footer{width: 100% !important; margin: 0; padding: 0;}
.footer-div{ width:100%; padding:15px 0 0 0;}

.footer-div-address{width:100%; text-align:center;}
.footer-div-link{width:100%; margin:15px 0 0 0; text-align:center; border-top:1px solid #775a00; padding-top:10px;}
.footer-div-link ul li{ margin-right:0;}
.copy-right-div{width:100%;}
}