@charset "utf-8";

@media only screen and (min-width:200px) and (max-width:767px){

.about-section .title-1.text-right.text-uppercase {
    margin-top: 10px;
    text-align: center;
}
nav ul li ul {
    position: static;
}


    
    body                                {overflow-x:hidden;}
    img                                 {max-width:100%;}
    p                                   {text-align: justify;}
    .header                             {position: inherit;}
    .top-bar                            {padding-top: 5px; padding-bottom: 15px; background: rgba(0, 0, 0, 0.9);}
    ul.top-menu                         {text-align: center;}
    ul.top-contact-info                 {text-align: center;}
    ul.top-contact-info > li            {display: block; border-right:none;}
    .brand-section                      {background: #000000; padding-top: 20px; padding-bottom: 20px;}
    .navbar-header > a > img            {max-width: 80%;}    
    .menubtn                            {background-position:center 8px !important;margin-top:-45px !important;}
    ul.nav-bar > li                     {background:none;border-bottom: rgba(255, 255, 255, 0.1) 1px solid;}
	ul.nav-bar > li > a 				{font-size: 13px; display: block; float: none;}    
    .banner-box .carousel-control       {top:0;}
    .banner-box .left > img             {height: 100%;}
    .banner-box .right > img            {height: 100%;}    
    .product-sm-info                    {margin-bottom: 15px; height: auto;}
    .welcome-section > h1               {font-size: 18px;}
    .gal-pic-box > figure > img         {width: 100%;}
    h2.resp-accordion                   {-webkit-border-radius:25px; -moz-border-radius:25px; -o-border-radius:25px; -ms-border-radius:25px; border-radius:25px; color: #ffffff;}
    .gal-pic-box                        {margin-top: 10px; margin-bottom: 10px;}
    .home-contact-info                  {text-align: center;}
    .home-contact-info > h1             {font-size: 20px;}
    .home-contact-info > p              {font-size: 13px; text-align: center;}
    .home-contact-btn-box               {text-align: center;}
    ol.carousel-indicators              {z-index: 1;}
    .mb                                 {margin-bottom: 15px;}
    .enquiry-btn-box                    {margin-top: 180px;}
    .about-section > h1                 {font-size: 18px;}
    .about-pic                          {margin-top: 15px;}
    .map-box                            {margin-top: 20px; margin-bottom: 20px;}

}



@media only screen and (min-width:768px) and (max-width:991px){
    
    .header                             {position: inherit;}
    .brand-section                      {background: #000000; padding-top: 20px; padding-bottom: 20px;}
    ul.top-menu                         {text-align: center;}
    ul.top-contact-info                 {text-align: center;}
    .brand-section                      {padding-top: 10px;}
    ul.nav-bar                          {background: rgba(0, 0, 0, 0.9);}
    .menubtn                            {background-position:center 8px !important; margin-top: 15px !important;}
    ul.nav-bar > li                     {background:none;border-bottom: rgba(255, 255, 255, 0.1) 1px solid;}
    ul.nav-bar > li > a                 {font-size: 14px; border:transparent 1px solid; display: block; float: none;}
    .carousel-indicators                {z-index: 1;}
    .banner-box .carousel-inner .item .carousel-caption { top: 5%; }    
	.banner-box .carousel-inner .item .carousel-caption { top: 35%; }
	.banner-box .banner-info-box h2 	{margin-bottom: 10px; margin-top: 5px; font-size: 14px; font-weight: 600;}
    .banner-box .banner-info-box h1     {font-size: 30px;}  
    .product-sm-info                    {margin-bottom: 15px; height: auto;}
    .gal-pic-box > figure > img         {width: 100%;}
    h2.resp-accordion                   {-webkit-border-radius:25px; -moz-border-radius:25px; -o-border-radius:25px; -ms-border-radius:25px; border-radius:25px; color: #ffffff;}
    ol.carousel-indicators              {z-index: 1;}
    .gallery-tab-box ul.resp-tabs-list > li{padding: 8px 10px;}
    .gallery-tab-box ul.resp-tabs-list > li:hover {padding: 8px 10px !important;}
    .mb                                 {margin-bottom: 15px;}
    .about-pic                          {margin-top: 15px;}
    .map-box                            {margin-top: 20px; margin-bottom: 20px;}

    
}



@media only screen and (min-width:992px) and (max-width:1023px){
    
    ul.nav-bar                          {background: rgba(0, 0, 0, 0.9);}
    .menubtn                            {background-position:center 8px !important; margin-top: 15px !important;}
    ul.nav-bar > li                     {background:none;border-bottom: rgba(255, 255, 255, 0.1) 1px solid;}
    ul.nav-bar > li > a                 {font-size: 14px; border:transparent 1px solid; display: block; float: none;}
    ul.nav-bar > li > a:hover,
    ul.nav-bar > li > a:focus,
    ul.nav-bar > li > a:active          {color:#1E8474;}
    ul.nav-bar > li.active > a          {color: #1E8474; }
    .banner-box .carousel-inner .item .carousel-caption { top: 30%; left:8%; right:8%;}
    .gal-pic-box > figure > img         {width: 100%;}
    
}



@media only screen and (min-width:1024px) and (max-width:1200px){
    
    .menubtn                            {background-position:center 8px !important;}
    ul.nav-bar                          {background: rgba(0, 0, 0, 0.9);}
    ul.nav-bar > li                     {background:none; border-bottom: rgba(255, 255, 255, 0.1) 1px solid;}
    ul.nav-bar > li > a                 {border:transparent 1px solid; display: block; float: none;}
    ul.nav-bar > li > a:hover,
    ul.nav-bar > li > a:focus,
    ul.nav-bar > li > a:active          {color:#1E8474;}
    ul.nav-bar > li.active > a          {color: #1E8474; }
    .banner-box .carousel-inner .item .carousel-caption { top: 35%; left:10%; right:10%; }
	.banner-box .banner-info-box h2 	{margin-bottom: 10px; margin-top: 5px; font-size: 20px;}
	.banner-btn-box 					{padding-top: 15px;}
	.banner-btn-box > a 				{font-size: 16px; line-height: 35px;}

}



@media only screen and (min-width:1201px){
    
    ul.nav-bar > li                     {background:none;}
    ul.nav-bar > li > a                 {font-size: 14px; border:transparent 1px solid; display: block;}
    ul.nav-bar > li > a:hover,
    ul.nav-bar > li > a:focus,
    ul.nav-bar > li > a:active          {color:#ffffff; border:#ffffff 1px solid; -wekit-border-radius:25px; -moz-border-radius:25px; -o-border-radius:25px; -ms-border-radius:25px; border-radius:25px;}
    ul.nav-bar > li.active > a          {border:#ffffff 1px solid; -wekit-border-radius:25px; -moz-border-radius:25px; -o-border-radius:25px; -ms-border-radius:25px; border-radius:25px; }

    
}