@media only screen and (max-width:1024px) {
#header{height:auto; width:98%;}
.slidertextbx{left:54px; bottom:15px; font-size:30px;}
.slidercontainer .slide-more{top:160px; right:72px;}
.body-container{width:99%;}
img{border:none; max-width:100%; height:auto}
.footer-innerbx{width:100%;}
}

/*  MAKE LAYOUT RESPONSIVE at 1024px FOR SMALLER SCREENS ================================================================ */
@media only screen and (max-width: 1024px) and (min-width: 769px){
.detail-header .kerala-button ul{width:90%; float:left;}
.detail-header .kerala-button ul li{margin:2px 0 2px 22px;}
}

@media screen and (max-width: 999px) {
.containernav{margin-top:10px;}
a.menu-link {display:block; color:#fff; background-color:#00752f; padding:10px 15px; color:#fff; font:bold 17px Arial, Helvetica, sans-serif; width:100%; background-image:url(../images/nav-icon.png); background-repeat:no-repeat; background-position:93% center; text-decoration:none;}
.menu {clear:both; min-width:inherit; width:101%; float:none; height:auto;}
.menu, .menu > ul ul {overflow:hidden; max-height:0; border-radius:0px;}
.menu ul ul > li{ background-color:#ddd;}
.menu ul li {float:none; background:none;}
.menu.active, .menu > ul ul.active {max-height:75em;}
.menu ul {display:inline;}
.menu li, .menu > ul > li {display:block;}
.menu li a {display:block; padding:10px 15px !important; border-bottom:1px solid #7c7b7b; position:relative;}
.menu ul li:hover > a{color:#000; text-decoration:none;}
.menu ul li:last-child{background:#e6e6e8;}
	
.menu ul li{border-right:none !important; background-color:#e6e6e8;}
.menu ul > li a:hover, .click:hover{color:#FFF !important; background-color:#007a37;}
.menu ul li:hover{background-color:transparent;}

#header{margin:4px auto 0px; width:100%; float:none;}
.header-wrapper, #body-wrapper{height:auto;}
#header .logo{width:27%; margin:0 auto; position:static;}

#header .toprightbx{float:left; width:99%;}
#header .toprightbx .award-top{width:55%; top:16px; left:10px;}

#body-sub-wrapper{width:100%;}
h2.resp-accordion:after{content:""; display:block; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid #fff; float:left; margin:6px 8px 0 0px;}
.resp-tab-active:after{border-bottom:10px solid #000; border-top:0 !important;}

.pachg-box{width:40%;}
.pachg-box .pachg-right-box{width:61%; float:left; margin-left:5px;}
div.left-pannel .dests-tour-contr .dests-box .dests-right-box{width:56%; float:left; margin-left:7px;}

.booking-area{width:90%;}
div.left-pannel .hotels-wapper img {width:98.5%; height:auto;}
div#footer .footer-contr{width:98%;}

.plan-your-trip{ margin:0 0 10px 0; padding:0;}

.kerala-heading{ width:97.8%; float:left;}

.tour-packages-header, .destinations-header, .detail-header, #bodywrapper, .linkswrap{width:100%; height:auto;}

.detail-header .kerala-honeymoon, .detail-text-width{float:left; width:96%; margin:0 9px; height:auto;}

div#footer{width:auto; height:auto;} 

.backwater1{float:left; width:99.2%;}
.sub-heading{float:left; width:98.2%;}
ul.filter{width:99%;}
ul.filter li{float:left; width:46%; margin:0 10px;}

#sb-wrapper-inner{border-radius:0px;}
#sb-body, .map-india img{height:auto;}

.destinations-detail-border{float:left; width:96%; height:auto; margin:0 5px;}
.destinations-detail, .fast-facts, .india-map{float:left; width:97%; margin:5px;}

.kerala-overview, .how-to-reach-right{width:100%; float:left; margin:0px;}
.kerala-overview .alleppey-attractions{width:97%;}
.tabwrap{width:100%;}
.attractions-button{width:98%;}
.attractions-button .attractions-shopping-text{width:74%;}
.tree-houses-munnar{width:98.5%;}
.tree-houses-munnar img{float:left; margin:3px 8px 0 0; height:auto !important;}

.hotel-accomodation, .travel-guide, div.left-pannel.full-width{width:96%;}

.recommendations{width:97%; float:left; margin:0 0 20px;}

#footer-wrap{height:auto;}
.footer-leftbx{width:94%; height:auto; margin:0 25px;}
.footer-linkcontr{margin:4px 25px 0;}
.social-iconbx{margin:22px 0 0 57%;}
.footer-pata{margin:28px 0 5px 10%;}
.footer-rightbx{width:99.7%; float:left; margin:0px; border-radius:0px;}
.footer-formbx{margin:6px 15px;}
.footer-formbx label{margin:6px 20px;}
.footer-formbx input, .footer-formbx textarea{margin:3px 15px 8px;}
.footer-formbx .nofiled{margin:3px 0 3px 15px;}
}

/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 990px) {

}

@media only screen and (max-width: 768px) and (min-width: 481px){
#body-container{width:100%; background:none;}

.slidercontainer .slide-more{top:65%; right:50px; font-size:18px;}

.tour-link{position:static; width:98%; float:left; margin:0 5px; background:#e5ed78;}
.tour-link ul{margin-left:12px;}
.tour-link ul li{width:20%; float:left;}

.inner-left-pannel{width:99%; float:left; }
div.paginationContainer{width:97%; margin:7px 10px 0px;}
.tour-listing{width:95%;}

div.left-pannel, div.right-pannel{width:97%; float:left; margin:15px 10px 0px !important;}
.backwater{width:97.2%; float:left; padding:10px 10px 5px;}
.backwater ul li{width:46%; float:left; margin-right:12px;}
.special-offer{height:auto; float:left; margin:10px 0px;}

div.right-pannel .about-kerla-contr, .kerala-art-outer{width:100%;}
div.right-pannel .about-kerla-contr .about-text ul li{width:45%; float:left; margin:0 10px;}
div.left-pannel .hotels-wapper{width:47%;}

.kerala-experience{width:99%;}
.kerala-art-frame{width:97%;}
.kerala-art-frame img{margin-right:5px;}
.kerala-attractions{width:98.6%;}
.kerala-attractions-outer{width:85%;}
.culture-kerala:nth-child(5n){margin:0 27px 12px 0;}

.slidertextbx{bottom:12px; left:40px; width:auto; float:left; font-size:16px;}

.kerala-form{background:#F3F3F3; border:2px solid #00752F;}
.package-detail1{width:77%;}

.hotel-accomodation .hotel-roomlist1{width:365px;}
}

@media only screen and (max-width: 730px){
#header .logo{width:25%;}
div.left-pannel .dests-tour-contr .dests-box, div.left-pannel .hotels-wapper ul#kerla-hotels-contr li{width:47.5%;}
div.left-pannel .hotels-wapper, div.left-pannel .hotels-wapper ul#kerla-hotels-contr{width:99%;}
.pachg-box{width:95%; margin:10px 0 0 7px;}
.htheme{width:85%; float:left; margin:0 2%;}

.kerala-form{width:95%; position:static; overflow:hidden; border:2px solid #00752f; padding-bottom:6px; background:#f3f3f3; padding:3px; margin:2px auto;}
.kerala-form label, .kerala-form label.check-date{width:42%;}
.kerala-form label.children-f{width:30%;} 
.kerala-form label select, .kerala-form label.check-date input, .kerala-form label.children-f select{width:99%;}

.package-detail1 .package-detail-outer{ width:99%; height:auto; margin-top:10px;}
.view-detail1{ width:48%; height:auto; position:absolute; right:5px; top:10px; background:none;}
.price{margin:0 10px 10px 0; width:100%; }

.detail-header .gallery-link{left:3%;}

.hotel-readmore{width:100%; float:left; text-align:right;}

.footer-pata{margin:35px 0 0px; width:100%; border-radius:0px; background:#F4F4F4;}
.pataimg{margin:12px 0 0 18%;}

.footer-formbx form{width:95%;}
.footer-formbx label{margin:6px 4px;}

.footer-leftbx{width:97%; margin:0px;}
}

@media only screen and (max-width: 695px){
#header .logo{width:35%;}
div.left-pannel .dests-tour-contr .dests-box, div.left-pannel .hotels-wapper ul#kerla-hotels-contr li{width:95.5%;}
#header .toprightbx .sub-toprightbx, .how-to-teach-text{width:99%; float:left;}
#header .toprightbx .award-top{width:60%; position:static; margin:15px auto 0;}
#header .toprightbx .sub-toprightbx .top-linksbx{width:90%; float:left; background-color:#666; margin:0 4%; padding:7px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px;}
#header .toprightbx .sub-toprightbx ul#top-link{width:75%; color:#fff;}
#header .toprightbx .sub-toprightbx ul#top-link li a{color:#fff;}	
}

@media only screen and (max-width: 640px){
.footer-formbx form{width:100%;}
}

@media only screen and (max-width: 620px){
#header .toprightbx .award-top{width:76%;}
#header .toprightbx .sub-toprightbx ul#top-link{width:83%;}

.detail-header .enquire, .detail-header .customise, .detail-header .call-expert{width:auto; margin:3px 8px; height:auto;}

.detail-header .kerala-honeymoon, .detail-text-width{margin:0 5px;}

.destinations-detail, .fast-facts, .india-map, .experience-kerala-frame, .recommendations{width:95%;}
.attractions-button{width:96%;}
.attractions-button .attractions-shopping-text{width:100%;}
.tree-houses-munnar{width:97.5%; margin:10px 0px;}
.photoicon{left:4px; top:215px;}

.experience-kerala-frame .theem-frame{width:205px; margin:0 3px 12px;}
.experience-kerala-frame .theem-frame:nth-child(3n){ margin-right:3px;}
.experience-kerala-frame .theem-frame-heading{width:205px;}

.kerala-backwater-booknow{position:static; float:left; width:98%; margin:0 0 8px;}

.festival-attraction{width:98%;}

.snake-boat-races{margin:14px 0 0 10%; float:left;}
.festival-attraction .festival-attraction-text, .kerala-experience{width:99%;}
.kerala-art-frame{width:96%;}
.kerala-art-frame img{margin-right:5px; width:45%;}
.manson-offer{margin-top:47px;}
.kerala-attractions{width:98.6%;}
.kerala-attractions-outer{width:85%;}
.culture-kerala, .culture-kerala:nth-child(5n){margin:0 10px 12px 0;}

.linkswrap ul li, .how-to-teach{width:94%;}

.booking-form, div.right-pannel .about-kerla-contr .about-text ul li{width:92%;}

.search-themes{width:99%;}

.search-area ul li{width:47%;}

.kerala-art-outer, .footer-leftbx{width:100%; height:auto; margin:0px;}
.social-iconbx{margin:40px 0 0 20%; width:65%;}
.social-iconbx span, .footer-linkcontr ul li, .footer-linkcontr ul li a{color:#FFF;}
.footer-rightbx{width:99.5%;}
.footer-formbx label{margin:6px 0px;}
.footer-formbx input, .footer-formbx textarea{margin:3px 15px 8px;}
.footer-formbx .nofiled{margin:3px 0 3px 15px;}
}

@media only screen and (max-width: 605px){
.footer-formbx form{width:61%; margin:8px 20%}
.footer-pata{width:98%;}
}

@media only screen and (max-width: 500px){.footer-formbx form{width:65%; margin:8px 20%}}

/*  MAKE LAYOUT RESPONSIVE at 480px FOR IPHONE LANDSCAPE ============================================ */
@media only screen and (max-width: 480px){
#header .toprightbx{width:100%;}
#header .logo{margin:4px auto; position:static; width:39%; }
#header .toprightbx .award-top{ margin:4px 30px; position:static; width:100%; }

a.menu-link{background-position:90% center;}
.slidertextbx{width:97%; position:static; font-size:16px;}
.slidercontainer .slide-more{top:70px; right:40px; font-size:16px;}
.callbacks_nav{height:42px; width:26px; background:transparent url(../images/themes-header.gif) no-repeat left top; margin-top:-23px;}

.htheme{margin:0 39%;}
#body-container{width:100%; background:none;}

div.paginationContainer{width:97%; margin:7px 6px 0px}

.package-detail ul{width:90%; float:left;}
.package-detail ul li{margin:2px 15px 2px 4px;}
.package-detail .package-detail-outer{width:327px;}
.price-request{margin:30px 27px 0;}
.view-detail{width:51%;}
.view-detail-button1{margin:0 auto;}
.hotelbt{margin:15px auto;}

div.left-pannel .hotels-wapper ul#kerla-hotels-contr{width:98%;}
div.left-pannel .hotels-wapper ul#kerla-hotels-contr li{width:47%;}

div.left-pannel .dests-tour-contr .dests-box {width:94%; height:auto;float:none;}
div.left-pannel .dests-tour-contr .dests-box .dests-right-box{width:68%;}
div.left-pannel .hotels-wapper{width:99%; height:auto; float:left; margin:15px 0px 5px;}
div.left-pannel, div.right-pannel{width:96%; float:left; margin:15px 7px 0px !important;}
.inner-left-pannel{width:99%; margin:5px 0 0px;}
.right-topmargin{ width:95%; }
div.right-pannel .about-kerla-contr{width:100%;}
div.right-pannel .about-kerla-contr ul#about-text li{width:90%;}

.destinations-header .destinations-gallery{ width:64px; height:36px; position:absolute; bottom:0; left:5px;}

.name-fied-width, .overview1{width:99%;}
.plan-butt{border-radius:4px; width:165px; height:32px; position:absolute; left:144px; }
.search-area{ width:96%; height:auto; }
.search-area ul{ width:93%; height:auto; }
.tour-listing{ width:94%; height:auto;}
.package-detail1{ width:99%; height:auto;}

.booking-heading{width:100%; height:auto; background:#33955f; padding:2px 0 4px 13px;}
.booking-heading span{padding-right:13px;}
.booking-form input.emailin{width:207px; margin:0px;}
.adult{padding-left:50px;}
.radio-button-contr; .additional-information{width:100%; overflow:visible;}
.radio-button-contr ul#radio-button{margin:0px;}

.booking-form input.forminput, .booking-form input.emailin, .name-fied-width select{width:74%;}

.price, .adult-border{width:100%;} 
.spabelowsectionrating_new img{ width:50%; padding-top:4px;}

.kerala-heading{ width:96.5%;}
.backwater1{ width:99%;}
ul.filter li{width:44%;}
.filterbox_cont{width:99%; }
.additional-information textarea, .sub-heading { width:97%; }
ul.filter {width:98%; }
.backwater{width:95.4%; float:left; padding:10px 10px 6px;}
.special-offer{ float:left; margin-top:3px;}

.kerala-form .submit-kerala{margin-left:37%;}

.destinations-outer{ width:99%;}
.destinations-outer .destinations-package{height:auto; margin:10px 11px 0 0;}

.tour-link{position:static; width:97%; float:left; margin:0 5px; background:#e5ed78;}
.tour-link ul{margin-left:5px;}
.tour-link ul li{width:43%; float:left;}

.hotel-accomodation{width:94%;}
.hotel-accomodation .hotel-roomlist, .hotel-accomodation .hotel-roomlist1{margin:15px 0px; width:100% !important;}

#phtgallery{width:100%; height:280px;}
#destgallery{width:100%; height:294px;}
.advanced-slider img{width:100%; height:auto;}
#responsive-slider{min-height:260px;}
.advanced-slider .thumbnail{background-position:center; width:57px !important; height:35px !important;}
.glossy-square-gray .thumbnail-scroller .thumbnail-wrapper {margin:5px 3px; padding:4px 1px;}
.glossy-square-gray .thumbnail-scroller.horizontal .arrows a.previous {left:7%;}
.glossy-square-gray .thumbnail-scroller.horizontal .arrows a.next {right:7%; background-position:-30px 0;}

.package-detail{margin:5px 0px;}
.hoteltext{width:318px;}

.txt1{width:63% !important; height:auto !important; float:left !important;}

.about-us-bx td{width:100%; float:left;}
.about-us-bx ul#iato1{margin-bottom:0px !important;}

.tabs{height:auto;}
.tabs a.active, .tabs a{font-size:16px; margin:7px auto 3px;}

.footer-formbx form{width:100%; margin:8px 0%}
.footer-formbx label{margin:6px 45px;}
.footer-formbx input, .footer-formbx textarea{margin:3px 20px 8px;}
.footer-formbx .nofiled{margin:3px 0 3px 20px;}
}

@media only screen and (max-width: 460px){
#header .toprightbx .sub-toprightbx ul#top-link{width:86%;}
#header .toprightbx .award-top{ margin:4px 0%; position:static; width:100%;}

.experience-kerala-frame{width:92%;}
.experience-kerala-frame .theem-frame{width:217px; margin:0 20px 12px;}
.experience-kerala-frame .theem-frame-heading{width:217px;}

.footer-formbx form{width:80%; margin:8px 3%;}
.footer-linkcontr{width:94%; margin:4px 10px 0;}
.social-iconbx{width:85%; margin:40px 0 0 7%;}
.footer-pata{margin:10px 0 0px; padding:6px 13px;}
.pataimg{margin:12px 0 0px;}
.footer-formbx{margin:6px 10px;}
.footer-formbx label{margin:6px 0;}
.footer-formbx input, .footer-formbx textarea{margin:3px 15px 8px;}
.footer-formbx .nofiled{margin:3px 0 3px 15px;}
}

@media only screen and (max-width: 380px) {
#header .toprightbx .sub-toprightbx ul#top-link{width:93%;} 
.footer-formbx form{width:85%;}}

@media only screen and (max-width: 360px) {
#header .logo{width:60%;}
a.menu-link{background-position:84% center;}
#header .toprightbx .sub-toprightbx .top-linksbx{width:94%; margin:0 1%;}
#header .toprightbx .sub-toprightbx ul#top-link li{padding:0 2px;}

.dests-tour-contr .dests-box .dests-right-box{width:62%;}

 div.left-pannel .hotels-wapper ul#kerla-hotels-contr{width:93%;}
.inner-left-pannel, div.left-pannel, div.right-pannel{width:94%; float:left; margin:15px 10px 0px !important;}

div.left-pannel .hotels-wapper ul#kerla-hotels-contr{width:98%; margin:6px 0px;}
div.left-pannel .hotels-wapper ul#kerla-hotels-contr li, .tour-link{width:95.5%;}

.inner-left-pannel h1, .header-text{padding:0px;}
div.paginationContainer{width:99%; margin:7px 0 0;}
.filterResult{padding:2px 0 5px 10px;}
.backwater{width:92.8%;}

.htheme{margin:0 34%;}

.tour-link ul li{width:88%;}

.dests-box{width:94% !important; margin:10px 0 10px 8px !important;}
.dests-right-box{width:62% !important;}

.kerala-heading{ width:94.5%;}

.package-detail .package-detail-outer{width:290px;}
.package-detail ul{float:left; width:80%;}
.package-detail ul li{margin:2px 11px 2px 5px;}
.price-request{margin:25px 0 0px; position:absolute; right:20px;}
.view-detail{width:99%; background:none; margin:0px;}

.destinations-outer .destinations-package{width:95%;}

.plan-butt{left:60px;}
.backwater1{width:98.2%;}
ul.filter li{width:98%; margin:0px;}

.view-detail1{width:99%; position:static;}
.tour-listing .enquire-now-button1, .hotelbt{float:left; margin:0 9px;}

.kerala-form .submit-kerala{margin-left:30%;}

.detail-header .kerala-honeymoon, .how-to-teach{width:93%;}
.detail-header .kerala-button ul li{margin:2px 24px 2px 8px;}
.detail-header .call-expert1{float:none; text-align:center; width:auto;}

.destinations-detail-border{margin:0px;}
.search-area ul li, .map-india{width:98%;}
.kerala-overview .alleppey-attractions, .attractions-button{width:95%;}
.attractions-button .attractions-shopping-text .attraction-heading{text-align:left;}
.tree-houses-munnar .tree-house-heading{height:auto; line-height:27px; padding:5px 10px;}
.photoicon{top:90px;}

.hotel-accomodation{width:90%;}

.recommendations, .linkswrap ul li{width:91%;}

#phtgallery, #destgallery{width:100%; height:230px;}

.plan-your-trip-now{margin-left:0px;}

.hoteltext{width:99%;}

.weather ul li{line-height:10px;}

.travel-guide, .weather{width:95%;}
.snake-boat-races{margin:14px 0 0px; width:100%;}
.onam{width:135px; height:87px; margin:4px 6px 6px 0; float:left;}
.snake-boat-races img{width:100%;}
.manson-offer{float:none; margin-top:0px;}
.kerala-art-forms{margin-top:15px;}
.kerala-attractions-outer{width:63%;}

.detail-header .kerala-honeymoon, .detail-text-width, .booking-area{width:94%;}

.txt1{width:40% !important; height:auto !important; float:left !important;}

.booking-form{width:88%;}
.fied-width{margin-top:30px;}
.booking-form label, .contact-no-width .cotwdth{width:86%; margin-bottom:5px;}
.radio-button-contr ul#radio-button{width:50%; float:left;}
.additional-information input{margin-left:0px;}
.booking-form input.forminput, .booking-form input.emailin, .name-fied-width select, .footer-formbx form{width:98%;}

.kerala-lifestyle-text img, .kerala-lifestyle-text .img-right{float:left; margin:6px 20px 5px 3px;}

.alleppey-attractions img{margin:2px 75px 5px 2px !important;}
}
@media only screen and (max-width: 320px) {
#header .toprightbx .sub-toprightbx ul#top-link{width:99%;}

.footer-pata{width:96%;}
.footer-formbx form{width:100%;}
}