@media (min-width: 1025px) and (max-width:1200px){ 


}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 


}



@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 




}


@media (min-width: 481px) and (max-width:767px){ 

	
	.navbar-toggle{ background-color:#000;}
	.navbar-toggle .icon-bar{ background-color:#fff;}
	
	.banner-caption-wrp{ width:100%; padding:20px;}
	
	.jcarousel-control-prev {
    left: 30px;
}

.jcarousel-control-next {
    right: 30px;
}


.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{ margin:0px;}

h2.home-cation-title {
    color: #c4151b;
    font-size: 28px;
    line-height: 32px;
}

.banner-caption-wrp p {
    font-size: 18px;
    line-height: 22px;
}

h2.common-home-title {
    text-align: center;
    color: #333333;
    font-size: 26px;
}


.highlight-wrp-home {
    padding: 20px 0px;
}



.grid-high-box h2 {
    font-size: 30px;
    color: #c4151b;
    border-bottom: 1px solid #000;
    padding-bottom: 5px;
}

.grid-high-box h2 span.rs {
    font-size: 20px;
}

.grid-high-box h2 span.unit-high {
    font-size: 20px;
}

.grid-high-box p.title-high-grid {

    margin: 8px 0px 20px;
}

.grid-high-box p.title-high-grid2 {

    margin: 8px 0px 20px;
}

.gamnce-left-txt-1 {
    color: #fff;
    font-size: 20px;
    line-height: 24px;
}


.gamnce-left-txt-2 {
    color: #fff;
    font-size: 17px;
    line-height: 21px;
}

h2.info-glance-txt {
    color: #fff;
    font-size: 54px;
    border-bottom: 1px solid #fff;
}

h2.info-glance-txt sup {
    font-size: 32px;
}

h2.info-glance-txt span {
    font-size: 23px;
}

p.info-glance-desc {
    color: #fff;
    font-size: 18px;
    margin: 6px 0px 20px;
}

p.wide-range-desc {
    color: #666666;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    padding: 0% 0%;
}

.message-top-txt {
    font-size: 20px;
    line-height: 24px;
    color: #fff;
    margin-top: 0px;
}

.message-bottom-txt {
    color: #fff;
    font-size: 17px;
    line-height: 21px;
}

.message-right-wrp {
    width: 100%;
    margin-top: 30px;
}


.navbar-nav {
    float: none;
    margin: 20px 0px 0px 0px;
    text-align: center;
}


.download-wrp-top{ float:none;}

.megaMenu { display:none; }
.megaMenu > ul { width:100%; background-color:#000; padding-top:0px;}
.megaMenu > ul > li { display:block; float:none;text-align: center; }
.megaMenu > ul > li > a {padding: 12px 30px !important; border-right: none !important; border-bottom: 1px dotted #FFF !important;} 
.megaMenu > ul > li > div { position:relative; height:400px; overflow:scroll;}
.megaMenu > ul > li > div > ul { display:block; }
.megaMenu > ul > li > div.center { left:0px; }

.megaMenu > ul > li > div { left:0px;margin: 0 auto;width: 100%;border:none; border-top: 1px solid #FFF !important; }
.megaMenu > ul > li > a { color:#FFF; }
.home-overlay  { left:0px; }


}



@media (min-width: 320px) and (max-width:480px){
	
	.navbar-toggle{ background-color:#000;}
	.navbar-toggle .icon-bar{ background-color:#fff;}
	
	.banner-caption-wrp{ width:100%; padding:20px;}
	
	.jcarousel-control-prev {
    left: 30px;
}

.jcarousel-control-next {
    right: 30px;
}


.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{ margin:0px;}

h2.home-cation-title {
    color: #c4151b;
    font-size: 28px;
    line-height: 32px;
}

.banner-caption-wrp p {
    font-size: 18px;
    line-height: 22px;
}

h2.common-home-title {
    text-align: center;
    color: #333333;
    font-size: 26px;
}


.highlight-wrp-home {
    padding: 20px 0px;
}



.grid-high-box h2 {
    font-size: 30px;
    color: #c4151b;
    border-bottom: 1px solid #000;
    padding-bottom: 5px;
}

.grid-high-box h2 span.rs {
    font-size: 20px;
}

.grid-high-box h2 span.unit-high {
    font-size: 20px;
}

.grid-high-box p.title-high-grid {

    margin: 8px 0px 20px;
}

.grid-high-box p.title-high-grid2 {

    margin: 8px 0px 20px;
}

.gamnce-left-txt-1 {
    color: #fff;
    font-size: 20px;
    line-height: 24px;
}


.gamnce-left-txt-2 {
    color: #fff;
    font-size: 17px;
    line-height: 21px;
}

h2.info-glance-txt {
    color: #fff;
    font-size: 54px;
    border-bottom: 1px solid #fff;
}

h2.info-glance-txt sup {
    font-size: 32px;
}

h2.info-glance-txt span {
    font-size: 23px;
}

p.info-glance-desc {
    color: #fff;
    font-size: 18px;
    margin: 6px 0px 20px;
}

p.wide-range-desc {
    color: #666666;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    padding: 0% 0%;
}

.message-top-txt {
    font-size: 20px;
    line-height: 24px;
    color: #fff;
    margin-top: 0px;
}

.message-bottom-txt {
    color: #fff;
    font-size: 17px;
    line-height: 21px;
}

.message-right-wrp {
    width: 100%;
    margin-top: 30px;
}


.navbar-nav {
    float: none;
    margin: 20px 0px 0px 0px;
    text-align: center;
}


.download-wrp-top{ float:none;}

.megaMenu { display:none; }
.megaMenu > ul { width:100%; background-color:#000; padding-top:0px;}
.megaMenu > ul > li { display:block; float:none;text-align: center; }
.megaMenu > ul > li > a {padding: 12px 30px !important; border-right: none !important; border-bottom: 1px dotted #FFF !important;} 
.megaMenu > ul > li > div { position:relative; height:400px; overflow:scroll;}
.megaMenu > ul > li > div > ul { display:block; }
.megaMenu > ul > li > div.center { left:0px; }

.megaMenu > ul > li > div { left:0px;margin: 0 auto;width: 100%;border:none; border-top: 1px solid #FFF !important; }
.megaMenu > ul > li > a { color:#FFF; }
.home-overlay  { left:0px; }
	
	}