/* Large desktops and laptops */
@media (min-width: 768px) and (max-width: 1200px){
    .container{width: 100%;}
    .navbar-default .navbar-nav > li > a{
        font-size: 13px; 
        padding: 15px 5px;
    }
    #welcome-section h1{font-size: 25px;}
    #welcome-section h1 span{font-size: 32px;}
    #frm-box .frm-container input[type="submit"], #frm-box .frm-container input[type="button"]{padding: 8px 17px;}
    .box ul li{font-size: 13px;}
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 1024px) {
    .container{width: 99%;}
	.navbar-collapse{padding:0}
    .navbar-default .navbar-nav > li > a{ padding: 15px 4px; text-transform: none; font-size: 11px; }
    /*.navbar-default .navbar-nav{ padding: 15px 8px; }*/


    #frm-box .heading img{display: none;}
    #frm-box .frm-container input[type="submit"], #frm-box .frm-container input[type="button"]{font-size: 14px;}
    #frm-box .heading h1{padding: 5px 10px;}
    .view-all-bt{padding: 10px 18px;}
    #events .event{padding: 25px 0 0;}
    #events .yellow-box h1{padding-top: 46%;}

    #inner-page-content #left-menu ul li:hover img{ display: none;}


}
/* Landscape phones and portrait tablets */
@media (max-width: 767px) {

    #events .yellow-box{min-height: 0; margin-top: 20px; text-align: left;}
    #events .yellow-box h1{padding: 8px 0; padding-left: 15px; line-height: 1;}
    #events .yellow-box h1 span{display: inline-block;}
    #events .event{padding-left: 15px; padding-bottom: 0;}
    /*.navbar-brand > img{width: 50%;}*/
	.navbar-brand > img{max-width: none;}
    .border-right{border-bottom: 1px dotted #c4c4c4; border-right: 0;}

    #frm-box .heading img.img-responsive{display: none;}
    .block-display{display: inline-block;}
    #welcome-section h1 span{font-size: 29px;}
    #welcome-section #frm-box{margin-top: 30px;}
    .greybox{margin-top: 35px;}
    .copy-right{text-align: left; padding-top: 20px;}
    .social-icon{float: none; padding-top: 20px;}
    #welcome-section p{line-height: 1.5;}

    .top-margin{ margin-top: 100px;}
    .copy-right{font-size: 12px;}

    .sm-device-bt{
        display: block;
        position: absolute;
        right: 30px;
        top: 50px;
    }

    .carousel-caption h2 span{font-size: 30px;}
    .carousel-caption h2{font-size: 50px;}
    .carousel .item{height: 280px;}

    #resister{float: left; margin-left: 10px;}
    #login{float: left; margin-right: 10px !important;}

    .tp-banner ul li h2{font:50px/1.2 'avantgarde_cebold';}
    .tp-banner ul li h2 span{ font-size: 30px;}

    #inner-page-content #left-menu ul li:first-child{
        background-image: none;
        background-color: #1397ce;
    }

    span.border-img{ width: 100%;}
    #inner-page-content #left-menu ul li:hover img{ display: none;}
	
	
	.topright-div {
		text-align:center;
		clear: both;
		width: 100%;
    }
	.toogle-menu{
		float:right;
	}
	.social-icons{
		padding:0px;
		margin-bottom: 15px;
	}
	/*.google-map{
	    clear: both;
        width: 100%;
	}*/
	/*.footer-address{
	    float:right;
	}*/
	/* Mobile Horizontal Menu Improvements */
	#inner-page-content #left-menu.mobile-horizontal-menu {
	    background-color: transparent;
	    border: none;
	}
	#inner-page-content #left-menu.mobile-horizontal-menu .left-menu-header {
	    background-image: none !important;
	    background-color: #1397ce; /* Solid blue header */
        border-radius: 5px;
        margin-bottom: 10px;
	}
	#inner-page-content #left-menu.mobile-horizontal-menu ul {
	    display: flex;
	    overflow-x: auto;
	    white-space: nowrap;
	    padding: 5px; /* Add padding to prevent boundary clipping */
	    scrollbar-width: none;
	    -ms-overflow-style: none;
	}
	#inner-page-content #left-menu.mobile-horizontal-menu ul::-webkit-scrollbar {
	    display: none;
	}
	#inner-page-content #left-menu.mobile-horizontal-menu ul li {
	    display: inline-block;
	    margin-right: 8px;
        border-bottom: none;
        background: none; /* Remove list item bg */
	}
	#inner-page-content #left-menu.mobile-horizontal-menu ul li a {
	    background-image: none;
	    background-color: #fff;
	    color: #1397ce;
	    padding: 8px 16px;
	    border-radius: 20px;
	    font-size: 14px;
        border: 1px solid #1397ce;
        font-weight: 600;
	}
    /* Active/Hover state style */
     #inner-page-content #left-menu.mobile-horizontal-menu ul li a:hover, 
     #inner-page-content #left-menu.mobile-horizontal-menu ul li a:active {
        background-color: #1397ce;
        color: #fff;
     }

	#inner-page-content #left-menu.mobile-horizontal-menu ul li img,
    #inner-page-content #left-menu.mobile-horizontal-menu ul li .border-img {
	    display: none !important;
	}

}

/* Landscape phones and smaller */
@media (max-width: 480px) {
    /*.navbar-brand > img{width: 72%;}*/
    #events .event p{font-size: 12px;}
    #events .event h3{margin-bottom: 5px;}
    #welcome-section h1 span, #welcome-section h1{font-size: 22px;}
    #frm-box .frm-container input[type="submit"], #frm-box .frm-container input[type="button"]{padding: 8px 13px;}

    /*.navbar-toggle{margin-top: 0px;}*/
	.sec-name{width:100%}
	.enquiry-frm .form-control{padding:0}
	.enquiry-frm label {width:100%; text-align:center;}
	.enquiry-frm input, .enquiry-frm textarea{width:100%; border-top:1px solid #ccc; text-align:center}
	.enquiry-frm button{display:block; margin:0 auto}
	/*.footer-address{
	    clear: both;
        width: 100%;
	}*/
	#admEvents .modal-body img{
		width: 100%;
	}

}
/*.sec-name*/


