/*Responsive*/
@media (max-width: 1366px) {
    .inner-navigation-link {
        position: absolute;
        top: 10%;
        left: 13%;
        z-index: 999;
    }
    .abouta h1 {
        text-transform: uppercase !important;
        font-family: Raleway-Regular;
        font-size: 21px;
    }

    .inner-navigation-link li.book-lists{color: #fff;}
}
@media (max-width: 1024px) {
	.form {margin-top: 0px;
right: 0px;}
	.modal{ right:0px;}
	.subfoot h3 {text-align: center;

}
	.subfoot p {    font-size: 14px;
}
.subfootp p {    font-size: 15px;
}
.subfootsv p {    font-size: 15px;
}

	.teama {
    padding: 0px 0 137px;
}
	.gallery-carousel1 .owl-controls {
    right: 24px;}
	.owl-next {
    position: absolute;
    right: -14px;
    top: -49%;
    transform: translateY(-50%);
}
.owl-prev {
    position: absolute;
    top: -64%;
    transform: translateY(-50%);
    left: -22px;
}
.owl-prev img{width: 48px !important;}
.owl-next img{width: 48px !important;}
	.sv{ background:url(https://www.ashoknandavanam.com/images/sitevisit/mblbg.jpg) no-repeat center;height: 709px; }
	.subfootsv {background:#75614e}
	.sv h5 {font-size: 16px;}
	.sv h3 {font-size: 31px;}
	.formsv {left: 35px;}
	.aboutas h3 {font-size: 46px;}
	.aboutas h4{
font-size: 20px;}
	.homeas {
    background: url(https://www.ashoknandavanam.com/images/homeloans/bmbl.png) no-repeat center;
    height: 247px;
}
	.homea{padding: 0 0 81px; }
	.careersc{padding: 15px 0 99px; }
	.careersc h5 {text-align: center;line-height: 28px;margin-bottom: 18px;}
	.careersc h4 {
    text-align: center;
    margin-bottom: 18px;
}
	.alla {    padding: 24px 0 92px;
}
	.mapbg1 {
    background: none;
    padding:0;
    margin-top: -136px;
}
	.careersa p { padding:0;}
	
	.newsa h5 {font-size: 11px;}
	.newsa h6 {font-size: 8px;}
	.newsa p {
    font-size: 11px;
    line-height: 15px;
}
.subfoot {
    background: 
#75614e; padding:0;
}
	.abouta {
padding: 15px 0px;
}
.gallery-carousel .owl-controls img{width: 46px; }
.gallery-carousel .owl-next {
 top: -21px;
}
.gallery-carousel .owl-prev {
 left: -44px;}
.gallery-carousel .owl-controls {top: 172px;}
.projecta {
    padding: 83px 0 49px;
}
.textc h3 {font-size: 	17px;}
.gallery-carousel1 .owl-controls {
    top: 313px;}
.gallery-carousel1 .owl-controls img{width: 46px; }
.gallery-carousel1 .owl-prev {
 left: -44px;top: -6px;}
 .textc h5 { padding:0 }
	.carousel-caption h3, .carousel-caption h4{ font-size:15px; margin-top:0;}
.carousel-caption h4{ padding-bottom:5px;}
.carousel-caption h5 {

    font-size: 13px;
    padding: 0;

}
.carousel-caption img {
    position: absolute;
    top: -4px;
}

.aboutas h4 {    margin-top: 64px;
}
.aboutas {    height: 446px;
}
.aboutca p { padding:0;}
.footmenu {
    position: absolute;
    margin-top: -70px;
    margin-left: 20px;
}
.projectas h4 {    margin-top: 63px;
}
.simg {
    margin-top: -34px;
}
.projectas h3 {font-size: 31px;}
.connectp {
    padding: 0 0 107px;
}
.connectp h5 {padding: 0;
font-size: 14px;
line-height: 26px;
float: none;}
.connectp h6 {font-size: 11px;
line-height: unset;margin-top: -17px;}
.subfootp {
    background: 
#75614e;padding: 28px 0 32px;}
.completedas h4 {margin-top: 76px;}
.completedas h3 {font-size: 43px;}
.completedas p {font-size: 13px; padding:0;}
.cp h4 { padding:0;}
.cp h5 {font-size: 14px;}
.cp p {font-size: 19px;margin-top: 14px;}
.tabbg {width: 121%; margin-left:-40px;}
#historic_event_1:hover, #historic_event_1.current, #historic_event_3:hover, #historic_event_3.current,  #historic_event_5:hover, #historic_event_5.current, #historic_event_7:hover, #historic_event_7.current,  #historic_event_9:hover, #historic_event_9.current, #historic_event_11:hover, #historic_event_11.current,  #historic_event_13:hover, #historic_event_13.current, #historic_event_15:hover, #historic_event_15.current,  #historic_event_17:hover, #historic_event_17.current, #historic_event_19:hover, #historic_event_19.current,  #historic_event_21:hover, #historic_event_23:hover, #historic_event_25:hover, #historic_event_25.current,  #historic_event_27:hover, #historic_event_27.current, #historic_event_29:hover, #historic_event_29.current,  #historic_event_31:hover, #historic_event_31.current {
    padding: 0px 171px 15px 6px;
}
#historic_event_2:hover, #historic_event_2.current,#historic_event_4:hover, #historic_event_4.current,  #historic_event_6:hover, #historic_event_6.current, #historic_event_8:hover, #historic_event_8.current,  #historic_event_10:hover, #historic_event_10.current, #historic_event_12:hover, #historic_event_12.current,  #historic_event_14:hover, #historic_event_14.current, #historic_event_16:hover, #historic_event_16.current,  #historic_event_18:hover, #historic_event_18.current,#historic_event_20:hover, #historic_event_20.current,  #historic_event_22.current, #historic_event_24.current, #historic_event_26:hover, #historic_event_26.current,  #historic_event_28:hover, #historic_event_28.current, #historic_event_30:hover, #historic_event_30.current,  #historic_event_32:hover, #historic_event_32.current {
    padding: 0px 39px 15px 114px;
}
#historic_event_1,  #historic_event_3,  #historic_event_5, #historic_event_7,  #historic_event_9,  #historic_event_11, #historic_event_13, #historic_event_15, #historic_event_17,#historic_event_19, #historic_event_21, #historic_event_23, #historic_event_25, #historic_event_27,#historic_event_29,  #historic_event_31 {
    display: table;
    position: absolute;
    width: 300px;
   padding: 0px 171px 15px 6px;
}
.cp h6 { font-size:9px;margin-bottom: 15px; }
#historic_event_2,#historic_event_4,#historic_event_6,#historic_event_8,#historic_event_10,#historic_event_12,
#historic_event_14,#historic_event_16,#historic_event_18,#historic_event_20,#historic_event_22,#historic_event_24,#historic_event_26,#historic_event_28,#historic_event_30,#historic_event_32 {
 padding: 0px 37px 15px 135px;
margin-left: -249px;
}
header ul li a { color:#fff;}
.read {   margin-bottom: 90px;
}
.tabbg1 {margin-left: 0px;}
.feature h6 {font-size: 13px;}
header .phone { background:none; margin:10px 0;color: #fff;}
header .logo{ width:auto;}
header ul{padding-top:10px;}
header ul li{ margin-right:10px;}
header ul li a{ height:40px; line-height:40px; min-width:200px; font-size:13px;}
header ul li a img{ padding-left:10px;}
header ul li:last-child{ font-size:16px; line-height:34px;}
header ul li:last-child img{ height:20px;}

.enquire_form{ top:15px; right:10px;}
.carousel-caption{ top: 2px;
left: 0px;
text-align: center;} 
.amenities_section .text-center p{ padding:0;}
.amenities_section ul li{ width:33.33%;}

}
@media (max-width: 991px) {

.about_Section ul li{ font-size:26px;}
.about_Section ul li span{ font-size:14px;}
.about_Section ul{ padding-bottom:40px;}
.amenities_section h3{ font-size:24px; line-height:36px;}
.speciality_section img{ width:100%;}
.speciality_section p{ padding:0;}
.top_footer .col-md-7{ padding-right:0;}
.top_footer .address{ padding:40px 0;}


}

@media (max-width: 768px) {
.carousel-indicators{ left:5px; bottom:20px;} 
.about_Section{ padding:90px 0 50px;}
}

@media (max-width:767px) {
	.img404{padding-top:90px; }
	.img404 img{width:80% !important; padding-bottom:20px;}
	.img404 p{font-size:16px; line-height: 20px; width:100% !important;}
	.img404 h4 {font-size: 2rem !important;}
.about_Section ul{ padding-bottom:20px;}
.about_Section ul li{ font-size:20px;}
.about_Section h2{ font-size:30px;}
.about_Section h3{ font-size:18px;}
.about_Section{ padding:120px 0 40px;} 
.amenities_section ul li{ width:50%;} 
.speciality_section h3{ font-size:28px; line-height:36px;}
footer .col-sm-4{ text-align:center;}
footer .col-sm-4 .float-right{ float:none;}
footer p{ padding-top:0; padding-bottom:5px;text-align: center;}
footer .col-sm-4 .float-right p{ padding-bottom:20px;}
footer h6 {
    float:none; text-align:center;
}
.simg {
    margin-top: 7px;
}
.manali-head img{
    width: 60%;
}
.projectca{
    margin-top: 100px;
}
}


@media (max-width:639px) {
header {background:none; box-shadow:none !important;}
header .logo {position: relative !important; }
header .logo img{ width:40px ; height:auto; right:10px;}
.metroimg {width:230px; }
header ul{ width:100%; display:none;}
header ul li{ margin:0; width:100%; text-align:center;}
header ul li a { width:100%;}
.enquire_form{ position:relative; top:10px; margin:0 auto 20px; right:auto;} 
.carousel-indicators{ bottom:0;}

.about_Section ul li{ padding-right:20px; margin-right:20px;}
.about_Section p{ font-size:14px; line-height:22px;}
.speciality_section p{ margin-top:-20px;}
.about_Section{ padding-top:40px;}
.phone-mobile{
    display: block;
}


} 

@media (max-width:479px) {
	footer p {
    font-size: 11px;
}
.inner-navigation-link {
	position: absolute;
	top: 1%;
	left: 12%;
	z-index: 999;
}
.inner-navigation-link li a{font-size: 13px;}
.inner-navigation-link li{font-size: 13px;}
.thankyou-content {
    position: relative;
    bottom: 15%;
    right: 0;
    width: 100%;
    background-color: #b4d2f4;
    padding: 60px;
    text-align: center;
}
	.subfoot h5{font-size: 14px;
line-height: 26px;
text-align: left;
letter-spacing: 0;padding: 17px 0 1px;}
	.subfootp h5{font-size: 12px;line-height: 26px;}
	.subfootsv h5{font-size: 10px;line-height: 24px;}
	 #nav > a:before, #nav > a:after {
    position: absolute;
    border: 2px solid #fff;
    top: 35%;
    left: 25%;
    right: 25%;
   
}
    /* #nav
    {
        position: relative;
    } */
       #nav > a {left: 336px;
    width: 3.125em;
    height: 2.2em;
    text-align: left;
    text-indent: -9999px;
    background-color: #239fd7;
    position: relative;
	padding:5px;
}
.top-phone{display: block;margin-right: 28px;}
.top-phone h3{
	color: #fff;
	float: right;
	margin-right: 41px;
	font-size: 16px;
	margin-top: -4px;
	font-weight: 700;
	background-color: #f2cd07;
	padding: 9px;
	border-radius: 8px;
}

footer{ display:inline-block; width:100%;background:#5f4f41;padding: 15px 0;

    color:#fff;}
#nav a span {
	
display: block;
background: #fff;
height: 3px;
margin-top: 3px;
}
        #nav:not( :target ) > a:first-of-type,
        #nav:target > a:last-of-type
        {
            display: block;
			
        }
 
    /* first level */
 
    #nav > ul
    {
        height: auto;
        display: none;
        position: absolute;
        left: 158px;
right: 0;
z-index: 9999;
background:
#239fd7;
width: 57%;
    }
    .phone.mobilehide{
        display: none !important;
     }
     
        #nav:target > ul
        {
            display: block;
        }
        #nav > ul > li
        {
            width: 100%;
            float: none;
line-height: 15px;
padding: 5px 15px;border-bottom: 1px solid #fff;
        }
 
    /* second level */
 
    #nav li ul
    {
        position: static;
    }


.about_Section ul li{ padding-right:10px; margin-right:10px; font-size:18px;}
.about_Section ul li span{ font-size:12px;}
.about_Section h3{ font-size:12px; font-family:'robotomedium';}
.amenities_section ul li{ width:100%;} 
.bottom_button{width: 100%;height: 50px;float: left;background: #f0d13d;line-height: 50px; border-top: 1px solid #fff; display:block; position: fixed; bottom: 0; z-index: 999; font-weight:700; text-transform: uppercase;}
.bottom_button .specification {width:49%;float: left;text-align: center; border-right: 1px solid #333;font-size: 15px;}
.bottom_button .specification a {color: #333 !important; text-decoration: none;}
.bottom_button .enquireButton{ width: 100%;
float: left;
text-align: center;
font-size: 23px;}
.bottom_button .enquireButton a{color:#333 !important; text-decoration: none;}
	.back-to-top{bottom: 57px;right: 22px;font-weight: 900;}
}

@media (max-width:375px) {
	footer p {
    font-size: 9px;
}
	.subfoot h5{font-size: 13px;line-height: 24px;}
	.subfootp h5{font-size: 12px;
line-height: 21px;}
	.subfootsv h5{font-size: 10px;line-height:19px;}
	  #nav > a:before, #nav > a:after {
    position: absolute;
    border: 2px solid #fff;
    top: 35%;
    left: 25%;
    right: 25%;
   
}
    /*#nav
    {
        position: relative;
    }*/
       #nav > a {left: 295px;
    width: 3.125em;
    height: 2.2em;
    text-align: left;
    text-indent: -9999px;
    background-color: #239fd7;
    position: relative;
	padding:5px;
}

#nav a span {
	
display: block;
background: #fff;
height: 3px;
margin-top: 3px;
}
        #nav:not( :target ) > a:first-of-type,
        #nav:target > a:last-of-type
        {
            display: block;
			
        }
 
    /* first level */
 
    #nav > ul
    {
        height: auto;
        display: none;
        position: absolute;
        left: 139px;
right: 0;
z-index: 9999;
background:
#239fd7;
width: 57%;
    }
        #nav:target > ul
        {
            display: block;
        }
      /*  #nav > ul > li
        {
            width: 100%;
            float: none;text-align: right;
line-height: 15px;
padding: 5px 15px;border-bottom: 1px solid #fff;
        }*/
 
    /* second level */
 
    #nav li ul
    {
        position: static;
    }

}
	
	
@media (max-width:360px) {
	.footer p {
    font-size: 9px;
}
	.subfoot h5{font-size: 13px;
line-height: 19px;
text-align: left;}
	.subfootp h5{font-size: 12px;
line-height: 21px;}
	.subfootsv h5{font-size: 11px;
line-height: 19px;
text-align: left;}
	  #nav > a:before, #nav > a:after {
    position: absolute;
    border: 2px solid #fff;
    top: 35%;
    left: 25%;
    right: 25%;
   
}
   /* #nav
    {
        position: relative;
    }*/
       #nav > a {left: 286px;
    width: 3.125em;
    height: 2.2em;
    text-align: left;
    text-indent: -9999px;
    background-color: #239fd7;
    position: relative;
	padding:5px;
}

#nav a span {
	
display: block;
background: #fff;
height: 3px;
margin-top: 3px;
}
        #nav:not( :target ) > a:first-of-type,
        #nav:target > a:last-of-type
        {
            display: block;
			
        }
 
    /* first level */
 
    #nav > ul
    {
        height: auto;
        display: none;
        position: absolute;
        left: 139px;
right: 0;
z-index: 9999;
background:
#239fd7;
width: 57%;
    }
        #nav:target > ul
        {
            display: block;
        }
       /* #nav > ul > li
        {
            width: 100%;
            float: none;text-align: right;
line-height: 15px;
padding: 5px 15px;border-bottom: 1px solid #fff;
        }*/
 
    /* second level */
 
    #nav li ul
    {
        position: static;
    }

}
@media (max-width:320px) {
	.subfoot h5{font-size: 10px;line-height: 24px;}
	.subfootp h5{font-size: 10px;line-height: 22px;}
	.subfootsv h5{font-size: 10px;line-height: 24px;}
	  #nav > a:before, #nav > a:after {
    position: absolute;
    border: 2px solid #fff;
    top: 35%;
    left: 25%;
    right: 25%;
   
}
    #nav
    {
        position: relative;
    }
       #nav > a {left: 250px;
    width: 3.125em;
    height: 2.2em;
    text-align: left;
    text-indent: -9999px;
    background-color: #239fd7;
    position: relative;
	padding:5px;
}

#nav a span {
	
display: block;
background: #fff;
height: 3px;
margin-top: 3px;
}
        #nav:not( :target ) > a:first-of-type,
        #nav:target > a:last-of-type
        {
            display: block;
			
        }
 
    /* first level */
 
    #nav > ul
    {
        height: auto;
        display: none;
        position: absolute;
        left: 126px;
right: 0;
z-index: 9999;
background:
#239fd7;
width: 57%;
    }
        #nav:target > ul
        {
            display: block;
        }
        #nav > ul > li
        {
            width: 100%;
            float: none;text-align: right;
line-height: 15px;
padding: 5px 15px;border-bottom: 1px solid #fff;
        }
 
    /* second level */
 
    #nav li ul
    {
        position: static;
    }

}