/* CSS Document by Palakshi Dam -Krishna Tech */
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400i,600,600i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Arima+Madurai:400,500,700,800,900');

body{margin:0; font-family: 'Source Sans Pro', sans-serif;}
#main{width:100%; height:auto; float:left}
#main-inner{width:80%; height:auto; margin:0 auto; overflow: auto}
#main-inner1{width:80%; height:auto; margin:0 auto;}
#main-inner2{width:85%; height:auto; margin:0 auto; overflow: auto}

a{text-decoration:none}
a:hover{text-decoration:none}

.top_head_top{background:#333333; margin-top:0}

#header{width:100%; height:auto; float:left;}
#header p{color:white; margin:0.5% 0; padding:0; font-size:small; float:left;}
#header span{color:white; margin:0.5% 0; padding:0; font-size:small; float:right;}
#header strong{color:#FFD90D; font-weight:normal}

#about{width:100%; height:auto; float:left; margin-bottom:5%}
#about h4{color:#666666; width:100%; height:auto; float:left; text-align:center; font-family: 'Arima Madurai', cursive; font-size:xx-large}
#about h4 span{color:#FF1E02}
#about b{width:30%; height:auto; float:left; margin:1% 35%; border-bottom:1px #E6E6E6 solid}
#about p{width:80%; height:auto; float:left; margin:auto 10%; color:#333333; line-height:160%; text-align:center}

.featuredbac{background:#F9F9F9; padding:2% 0}
#featured{width:100%; height:auto; float:left; margin-bottom:5%}
#featured h2{color:#666666; width:100%; height:auto; float:left; margin-bottom:3%; text-align:left; font-family: 'Arima Madurai', cursive;}
#featured h3{font-size:large}
#featured p{font-size:14px}

#destinations{width:100%; height:auto; float:left; margin:5% 0}
#destinations h2{color:#666666; width:100%; height:auto; float:left; text-align:center; font-family: 'Arima Madurai', cursive;}
#destinations h2 span{color:#FF1E02}
#destinations b{width:30%; height:auto; float:left; margin:1% 35%; border-bottom:1px #E6E6E6 solid}
#destinations .side{width:27%; height:auto; float:left;}
#destinations .side a{width:98%; height:385px; float:left; margin:1.5% 1%; background:black}
#destinations .side span{margin:-60px 0 0 20px; float:left; color:white; font-family: 'Arima Madurai', cursive; font-size:xx-large; font-weight:bold; text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);}
#destinations .side a img{width:100%; height:385px; float:left; opacity:0.4; transition:0.5s}
#destinations .side a img:hover{opacity:0.3}
#destinations .middle{width:46%; height:auto; float:left;}
#destinations .middle a{width:98%; height:252px; float:left; margin:1% 1%; background:black}
#destinations .middle span{margin:-60px 0 0 20px; float:left; color:white; font-family: 'Arima Madurai', cursive; font-size:xx-large; font-weight:bold; text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);}
#destinations .middle a img{width:100%; height:252px; float:left; opacity:0.4; transition:0.5s}
#destinations .middle a img:hover{opacity:0.3}
#destinations .all{width:8%; height:auto; float:left; margin:1% 46%; padding:0.8% 1%; background:#333333; border:2px #000000 solid; color:white; text-align:center}
#destinations .all:hover{background:#FFD80E; color: black; border:2px #E2BE02 solid; transition:0.5s}

#services{width:100%; height:auto; float:left; margin:2% 0}
#services h2{color:#666666; width:100%; height:auto; float:left; text-align:center; font-family: 'Arima Madurai', cursive;}
#services h2 span{color:#FF1E02}
#services b{width:30%; height:auto; float:left; margin:1% 35%; border-bottom:1px #E6E6E6 solid}
#services .con{width:31%; height:auto; float:left; margin:3% 1%;}
#services .con img{width:25%; height:auto; float:left; margin-right:4%}
#services .con a{color: white; font-size:x-large; font-family: 'Arima Madurai', cursive; margin-top:8%; float:left; text-shadow: 2px 2px 2px rgba(0, 0, 0, 1); transition:0.5s}
#services .con a:hover{color:#CCCCCC}

#footer1{width:100%; height:auto; float:left; margin:2% 0}
#footer1 .con{width:auto; text-align:center}
#footer1 .con a{font-size:12px; margin:0.5%; color:#EBEBEB; font-family: 'Source Sans Pro', sans-serif; transition:0.5s}
#footer1 .con a:hover{color:#F4B303;}
#footer1 b{border-bottom:1px #2C2C2C solid; width:100%; float:left; margin:1% 0}
#footer1 p{width:auto; height:auto; float:left; font-size:12px; color:white}
#footer1 p a{color:#EC523F; transition:0.5s}
#footer1 p a:hover{color:#CCCCCC}
#footer1 .p{width:auto; height:auto; float: right; font-size:12px; color:white}

#testimonails{padding:5% 0}
#testimonails h2{color:#666666; width:100%; height:auto; float:left; text-align:center; border:none; font-family: 'Arima Madurai', cursive;}
#testimonails h2 span{color:#FF1E02}
#testimonails b{width:30%; height:auto; float:left; margin:1% 35%; border-bottom:1px #E6E6E6 solid}

.margintop{margin-top:-5%}
#heading_banner{width:100%; height:auto; float:left; border-bottom:1px #666666 solid; margin-bottom:2%}
#heading_banner h2{color: #333333; float:left; padding:1% 0; font-family: 'Arima Madurai', cursive;}
#heading_banner .right{width:auto; height:auto; float:right; margin:1.5% 0 1% 0;}
#heading_banner .right a{float: left; margin-top:2%}
#heading_banner .right a img{width:25px; height:25px; float:left;}
#heading_banner .right span{float: left; color: #333333; font-size:medium; margin:3% 0}

#static{width:100%; height:auto; float:left; margin:0 0 4% 0}
#static img{width:auto; height:auto; float:left; margin:0 2% 1% 0}
#static p{font-size:14px; color:#333333; text-align:justify; line-height:160%; margin:1% 0}
#static span{font-size:14px; color:#333333; line-height:160%}
#static h1{width:100%; height:auto; float:left; margin:2% 0 1% 0}
#static h2{width:100%; height:auto; float:left; margin:2% 0 1% 0}
#static h3{width:100%; height:auto; float:left; margin:2% 0 1% 0}
#static h4{width:100%; height:auto; float:left; margin:2% 0 1% 0}
#static h5{width:100%; height:auto; float:left; margin:2% 0 1% 0}
#static h6{width:100%; height:auto; float:left; margin:2% 0 1% 0}
#static ul{margin:1% 0}
#static ul li{font-size:14px; color:#333333; list-style:none; margin:0.3% 0 0.3% -2%; width:102%; height:auto; float:left;}
#static ul li::before {content: "\2714 " "\00a0 " "\00a0 ";}
#static table td{padding:1%; font-size:small; color:#666666;}

#tours{width:100%; height:auto; float:left; margin:0 0 4% 0} 
#tours .banner{width:100%; height:auto; float:left; margin:2% 0}
#tours p{font-size:14px; color:#333333; line-height:160%; text-align:justify}
#tours .con{width:100%; height:auto; float:left; background:#F8F7F6; padding:1%; margin-top:2%}
#tours .con a{width:14.6%; height:auto; float:left; margin:1%; padding-bottom:1%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25); text-align:center; color:#0DA2AB; font-size:medium; transition:0.5s}
#tours .con a:hover{box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.65);}
#tours .con a img{width:98%; height:auto; float:left; margin:1% 1% 3% 1%;}
#tours .con .view{width:90%; float:left; margin:5% 5% 1% 5%; padding:2% 1%; background:#333333; text-align:center; color:white; transition:0.5s}
#tours .con .view:hover{background:#575656}

#iteniary{width:100%; height:auto; float:left;}

#places_of_interest{width:100%; height:auto; float:left; margin-bottom:3%}
#places_of_interest .con{width:98%; height:auto; float:left; margin:1% 0.5% 2% 0.5%; padding:0.5%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25); border-radius:5px}
#places_of_interest .con h2{color:#666666}
#places_of_interest .con h3{color:#FF1E02; border-bottom:1px #CCCCCC solid; margin-bottom:1%; padding-bottom:0.5%}
#places_of_interest .con .div{width:19%; height:260px; float:left; margin:0.5%; border:1px #CCCCCC solid; border-radius:5px}
#places_of_interest .con .div img{width:100%; height:auto; float:left; border-radius:5px 5px 0 0}
#places_of_interest .con .div p{text-align:center; width:98%; height:auto; float:left; margin:2% 1%; font-size:small}

#destination{width:100%; height:auto; float:left; margin:2% 0}
#destination .side{width:100%; height:auto; float:left;}
#destination .side a{width:32%; height: auto; float:left; margin:0.5%; background:black}
#destination .side span{margin:-60px 0 0 20px; float:left; color:white; font-family: 'Arima Madurai', cursive; font-size:xx-large; font-weight:bold; text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);}
#destination .side a img{width:100%; height: auto; float:left; opacity:0.4; transition:0.5s}
#destination .side a img:hover{opacity:0.3}
#destination .p{width:100%; height:auto; float:left; line-height:150%; text-align:justify;}
#destination .img{width:100%; height:auto; float:left; margin-bottom:20px;}
#destination .con{width:100%; height:auto; float:left; margin:20px 0; background:#ece9e2; padding:10px;}
#destination .con h3{width:100%; height:auto; float:left; color:#018db0; margin-bottom:8px;}
#destination .con .con1{width:23%; height:auto; float:left; margin:1%; border:#c4c4c4 3px solid;}
#destination .con .con1 img{width:100%; height:auto; float:left; margin:0;}

#visa{width:100%; height:auto; float:left; margin:5% 0}

#enquire{width:98%; height:auto; float:left; margin:2% 1%; background:#faf9f9}
#enquire p{width:48%; height:auto; float:left; margin:2% 1%; color:#333333; font-size: small}
#enquire .box{width:62%; height:auto; float:right; border:#CCCCCC 1px solid; padding:2.5% 1%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.10); margin:0 0.5%; font-family: 'Roboto', sans-serif; font-size:12px; transition:0.5s}
#enquire .box:hover{border:#0099FF 1px solid}
#enquire .box:focus{border:#0099FF 1px solid}
#enquire .left{margin-left:5%}
#enquire .box1{width:62%; height:50px; float:right; border:#CCCCCC 1px solid; padding:2% 1%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.10); margin:0 0.5%; font-family: 'Roboto', sans-serif; font-size:12px; transition:0.5s}
#enquire .box1:hover{border:#0099FF 1px solid}
#enquire .box1:focus{border:#0099FF 1px solid}
#enquire .submit{background:#333333; color:#FFFFFF; float:right; margin:1% 5% 3% 5%; border:none; padding:1% 2%; font-family: 'Roboto', sans-serif; cursor:pointer; transition:0.5s}
#enquire .submit:hover{background:#ba8f01}
#enquire span{width:98%; height:auto; float:left; margin:2% 1%; color: blue; font-size:14px; text-align:right}





@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

#main-inner{width:100%; height:auto; margin:0 auto; overflow: auto}
#main-inner1{width:100%; height:auto; margin:0 auto;}
#main-inner2{width:100%; height:auto; margin:0 auto; overflow: auto}

.top_head_top{background:#333333; margin-top:100px}

#header{width:96%; height:auto; float:left; margin:5% 2%}
#header p{color:white; margin:0.5% 0; padding:0; font-size:small; float:left; text-align:center}
#header span{color:white; margin:1.5% 0; padding:0; font-size:small; width:100%; float:left; text-align:center}
#header strong{color:#FFD90D; font-weight:normal}

#about b{width:40%; height:auto; float:left; margin:1% 30% 2% 30%; border-bottom:1px #CFCFCF solid}
#about p{width:96%; height:auto; float:left; margin:auto 2%; color:#333333; line-height:160%; text-align: justify}

.featuredbac{background:#E6E6E6; padding:7% 0}
#featured{width:90%; height:auto; float:left; margin:5%}
#featured h2{color:#666666; width:100%; height:auto; float:left; margin-bottom:3%; text-align: center; font-family: 'Arima Madurai', cursive;}

#destinations b{width:40%; height:auto; float:left; margin:1% 30% 4% 30%; border-bottom:1px #CFCFCF solid}
#destinations .side{width:100%; height:auto; float:left;}
#destinations .side a{width:98%; height:300px; float:left; margin:1.5% 1%; background:black}
#destinations .side span{margin:-60px 0 0 20px; float:left; color:white; font-family: 'Arima Madurai', cursive; font-size:xx-large; font-weight:bold; text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);}
#destinations .side a img{width:100%; height:300px; float:left; opacity:0.4; transition:0.5s}
#destinations .middle{width:100%; height:auto; float:left;}
#destinations .middle a{width:98%; height:300px; float:left; margin:1% 1%; background:black}
#destinations .middle a img{width:100%; height:300px; float:left; opacity:0.4; transition:0.5s}
#destinations .all{width:50%; height:auto; float:left; margin:1% 25%; padding:2% 1%; background:#333333; border:2px #000000 solid; color:white; text-align:center}

#services .con{width:98%; height:auto; float:left; margin:3% 1%;}
#services .con img{width:25%; height:auto; float:left; margin-right:4%}

#footer1{width:100%; height:auto; float:left; margin:5% 0}
#footer1 .con{width:100%; height:auto; float:left; text-align:center}
#footer1 .con a{font-size:medium; width:100%; height:auto; float:left; margin:2% 0; color:#EBEBEB; font-family: 'Source Sans Pro', sans-serif; transition:0.5s}
#footer1 .con a:hover{color:#F4B303;}
#footer1 b{border-bottom:2px #444343 solid; width:100%; float:left; margin:1% 0}
#footer1 p{width:100%; height:auto; float:left; font-size:small; margin:2% 0; color:white; text-align:center}
#footer1 p a{color:#EC523F; transition:0.5s}
#footer1 p a:hover{color:#CCCCCC}
#footer1 .p{width:100%; height:auto; float: left; font-size:small; color:white; margin:2% 0; color:white; text-align:center}

#heading_banner{width:100%; height:auto; float:left; border-bottom:1px #666666 solid; margin-bottom:2%; padding:1%}
#heading_banner h2{color: #333333; float:left; padding:1% 0; font-family: 'Arima Madurai', cursive;}
#heading_banner .right{width:100%; height:auto; float: left; margin:1.5% 0 1% 0;}

#destination .side a{width:98%; height: auto; float:left; margin:1%; background:black}
#destination .p{width:96%; height:auto; float:left; margin:2%; line-height:150%; text-align:justify;}
#destination .img{width:96%; height:auto; float:left; margin:2%;}
#destination .con{width:98%; height:auto; float:left; margin:1%; background:#ece9e2; padding:10px;}
#destination .con h3{width:100%; height:auto; float:left; color:#018db0; margin-bottom:8px;}
#destination .con .con1{width:48%; height:auto; float:left; margin:1%; border:#c4c4c4 3px solid;}
#destination .con .con1 img{width:100%; height:auto; float:left; margin:0;}

#enquire{width:96%; height:auto; float:left; margin:2%; background:#EEEEEE}
#enquire p{width:96%; height:auto; float:left; margin:2%; color:#333333; font-size: small}
#enquire .box{width:96%; height:auto; float:right; border:#CCCCCC 1px solid; padding:3% 1%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.10); margin:0.5% 2%; font-family: 'Roboto', sans-serif; font-size:12px; transition:0.5s}
#enquire .box1{width:96%; height:50px; float:right; border:#CCCCCC 1px solid; padding:3% 1%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.10); margin:0.5% 2%; font-family: 'Roboto', sans-serif; font-size:12px; transition:0.5s}
#enquire .submit{background:#333333; color:#FFFFFF; float:right; margin:1% 5% 3% 5%; border:none; padding:3% 8%; font-family: 'Roboto', sans-serif; cursor:pointer; transition:0.5s}
#enquire span{width:98%; height:auto; float:left; margin:2% 1%; color: blue; font-size:14px; text-align: left}

#tours .con a{width:98%; height:auto; float:left; margin:1%; padding-bottom:1%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25); text-align:center; color:#0DA2AB; font-size:medium; transition:0.5s}

#iteniary{width:100%; height:auto; float:left;}

#visa{width:98%; height:auto; float:left; margin:5% 1%}

#static{width:96%; height:auto; float:left; margin:0 2% 4% 2%}
#static img{width:98%; height:auto; float:left; margin:1%}
#static p{font-size: small; color:#333333; text-align:justify; line-height:160%; margin:1% 0}
#static span{font-size:small; color:#333333; line-height:160%}
#static ul{margin:1% 0}
#static ul li{font-size:small; color:#333333; list-style:none; margin:1.5% 0 1.5% -2%; width:102%; height:auto; float:left;}
#static ul li::before {content: "\2714 " "\00a0 " "\00a0 ";}
#static table td{padding:1%; font-size:small; color:#666666;}


}