﻿/************************************** Responsive Styles **************************************************/
@media (max-width: 1179px) {
	.Wrapper{margin:0 10px;width:auto;}
	.sm li {margin-left:10px;}
	#MainContent .cat li{width:32.3%;}
	#MainContent .cat li .txt{font-size:30px; letter-spacing:4px;}
	#MainContent .social li{margin:0 34px 0 0;}
	#MainContent .gallery li{width:18%;}
	#MainContent .blogList .search input{width:60%;}
}

@media (max-width: 999px) {
	#MainContent .cat li{width:32.2%;}
	#MainContent .social li{margin:0 30px 0 0;}
}

@media(max-width: 979px) {
	#Header{text-align:center; height:90px;}
	#Header .logo{float:none; margin:20px 0 0}
	#MainNav{float:none;width:100%; margin:0px;}
	.sm li {margin-left:16px;}
	#MainContent .cat li{width:32%;}
	#MainContent .cat li .txt{font-size:22px; letter-spacing:3px;}
	#MainContent .social li{margin:0 25px 0 0;}
	#Footer a.link{margin:0 10px;}
	#Footer .floatRight a{margin:0 0 0 30px;}
	#MainContent .gallery li{width:17.7%;}
	#MainContent .blogDec{width:65%;}
	#MainContent .blogList{width:30%;}
	#MainContent .blogList .search input{width:59%;}
}

@media(max-width: 799px) {
	.sm li {margin-left:12px;}
	#MainContent .cat li{width:31.9%;}
	#MainContent .gallery li{width:17.6%;}
	#MainContent .blogList .search input{width:56%;}
}

@media(max-width: 767px) {
	#Header{height:auto; position:initial;}
	#MainContent{margin:0px;}
	#MainContent .cat li{width:31.7%;}
	#MainContent .cat li .txt{font-size:18px; letter-spacing:3px;}
	#MainContent .social li{margin:0 20px 0 0;}
	#Footer,#Footer .floatRight{display:block; margin-top:10px; text-align:center; width:100%;}
	#MainContent .enquiry{width:100%;}
	#MainContent .LRSpace{margin:0 0 100px;}
	#MainContent .gallery li,#MainContent .gallery li:nth-child(5n){margin:0 22px 15px 0 !important; width:30.6%;}
	#MainContent .gallery li:nth-child(3n){margin:0px !important;}
	#MainContent .blogDec,#MainContent .blogList{width:100%;}
	#MainContent .blogList .search input{width:80%;}
}

@media (max-width: 639px)  {
	#MainContent .cat li,#MainContent .social li{margin:0 0 10px; text-align:center; width:100%;}
	#MainContent .cat li .txt{font-size:35px; letter-spacing:7px;}
	#MainContent .Location{margin:20px 0 0;}
	#MainContent .Location select,#MainContent .Location a{display:block; margin-bottom:10px; width:100%;}
	#MainContent .gallery li,#MainContent .gallery li:nth-child(5n){width:30.1%;}
}

@media (max-width: 479px)  {
	#MainContent .time{margin-bottom:20px; letter-spacing:2px;}
	#MainContent .gallery li,#MainContent .gallery li:nth-child(5n),#MainContent .gallery li:nth-child(3n){margin:0 0 15px !important; width:48%;}
	#MainContent .gallery li:nth-child(2n){float:right;}
	#MainContent .blogList .search input{width:65%;}
	#MainContent .cat li .txt{font-size:30px; letter-spacing:4px;}
	.MainBnr .BnrTxt{font-size:22px;}
	#MainContent .friends img{margin:0 0 30px;}
}

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

@media (max-width: 399px)  {
 img.alignright{float: none!important;}  
img.alignleft{float: none!important;} 
}

@media (max-width: 383px) {
 img.alignright{float: none!important;} 
img.alignleft{float: none!important;}  
}

@media (max-width: 359px) {    
	#MainContent .cat li .txt{font-size:22px; letter-spacing:3px;}
img.alignright{float: none!important;}
img.alignleft{float: none!important;}
}


/************************************** Smart Menus **************************************************/

@media(max-width: 767px) {
    .navbar-header {display:block;}
    #MainNav {display:none;height:auto;background:none;margin-top:1px;border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px;}
	ul.sm ul{display:none;position:static !important;top:auto !important;left:auto !important;margin-left:0 !important;margin-top:0 !important;width:auto !important;min-width:0 !important;max-width:none !important;box-shadow:none;border:none;padding:0px;}
	ul.sm>li{display:block;background:#111e90 none ;padding:0px;text-align:left;float:none;width:100%;}
	ul.sm li{margin:0 0 1px;}
	ul.sm>li>a,ul.sm ul.sm-nowrap>li>a{white-space:normal; color:#fff; background-image:none !important;}
	ul.sm>li>a{white-space:normal;padding:0px 15px;}
    ul.sm ul.sm-nowrap>li>a{background-color:#015296;color:#000}
    ul.sm ul.sm-nowrap>li>a:hover{background-color:#01569c;}
	ul.sm iframe{display:none;}
    ul.sm ul.sm-nowrap>li>ul>li>a{background-color:#ddd;}
    ul.sm ul.sm-nowrap>li>ul>li>a:hover{background-color:#aaa;color:#fff;}
    .sm a:hover, .sm a:focus, .sm a:active,.sm a.Active,.sm a.highlighted {color:#fff;background-color:#004F91;}
    .sm li:first-child {background:#111e90 none;margin-bottom:1px;}

    .sm li:first-child{border-top:none;}
    .sm > li > ul:before, .sm > li > ul:after {display:none;}
    .sm a span.sub-arrow,.sm ul a span.sub-arrow {top:50%;margin-top:-9px;right:6px;left:auto;margin-left:0;width:17px;height:17px;font:normal 16px/16px monospace!important;text-align:center;border:0;text-shadow:none;background:rgba(250,250,250,0.7);-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;display:block;position:absolute;color:#004F91;}
    .sm a.highlighted span.sub-arrow {}
    .sm a.has-submenu {padding-left:15px;padding-right:0px;}
}