@charset "UTF-8";
/* CSS Document */
/* RESPONSIVE CSS
-------------------------------------------------- */
@media only screen and (min-width: 1200px) {
.navbar-nav>li.dropdown {
	background-image: url(https://www.gentingplantations.com/images/icoArrowRedDownMenu.png);
	background-position: right 10px top 22px;
	background-repeat: no-repeat;
}
.navbar-nav>li.dropdown a {
	margin-right: 25px;
}
.navbar-nav>li.dropdown ul li a {
	margin-right: 0;
}
.tabs-left>li p {
    width: 90%;
}
}
/*iPad and above*/
@media only screen and (min-width: 1024px) {
}


/*@media (min-width: 1024px) and (max-width: 1199px) {*/
@media (min-width: 992px) and (max-width: 1199px) {
.navbar-nav {
	padding-right: 10px;
}
.nav>li>a {
	margin-right: 5px;
}
.nav-tabs>li>a {
	margin-right: 0px;
}
.navbar-nav>li.seperator {
	margin-right: 10px;
}
ul.bdHome li {
	/*width: 133px;*/
}
ul.bdHome li h3 {
    margin: 135px 0 0;
}
ul.bdHome li h3 {
	padding: 0 15px;
}
.contentBox .CBcaption {
	padding-right: 100px;
}
ul.announcementsHome li {
	padding: 59px 0;
}
ul.announcementsHome li p {
	font-size: 14px;
	line-height: normal
}
.contentBoxHori .CBcaption a {
	line-height: normal;
	font-size: 14px;
}
.contentBoxHori .CBcaption {
	min-height: 152px;
}
.cpFooter .innerBox {
	padding: 0 30px;
}
.bodImg {
	margin-bottom: 0 !important;
}
.bodFooter {
	background-color: #e6e6e6;
	min-height: 232px;
	text-align: left;
}
.bodFooterMedium {
	min-height: 352px;
}
.bodFooterLong {
	background-color: #e6e6e6;
	min-height: 468px;
	text-align: left;
}
.smName {
	/*min-height: 136px;*/
}
.btnRedStd {
	min-width: 180px;
}
.fsHeader h1 {
	font-size: 30px;
}
.fsHeader h4 {
	font-size: 16px;
}
.arLine {
	width: 790px;
}
ul.aReports>li {
	width: 205px;
	height: 378px;
	margin-right: 25px;
	margin-bottom: 25px;
}
.nmCaptionBox {
	padding: 15px 40px 0 20px;
	font-size: 15px;
}
.cpFooter .innerBox h3 {
	font-size: 16px;
}
.rsStep {
	margin-right: 10px !important;
}
.rsStepContent .col-md-7 {
	padding-left: 0;
}
.tabs-left>li p {
	font-size: 15px;
}
.tabs-left>li>a {
	background-position: center right 15px !important;
}
.fyPop {
	max-width: 940px;
}
.bdMenu {
	margin-top: -480px;
}
section h1.longT {
	font-size: 26px
}
#chart, #chart2, #chart4 {
	width: 450px;
}
.highlighSlider .CBcaption {
    padding-right: 50px;
	max-height: 104px;
    padding: 25px 15px;
}
.highlighSlider .item {
    max-height: 347px;
}
.highlighSlider.carousel {
    margin-bottom: 0px;
}
.borderBox{
	min-height:375px
}
.pageTitle h1 {
    /*line-height: 35px;*/
}
.contentBoxHori .CBcaption p{
	max-height: 110px;
    overflow: hidden;
}
.tabs-left>li p {
    width: 85%;
}
}

@media (min-width: 768px) and (max-width: 991px) {
.topMenu {
	margin-top: 45px;
}
.navbar-nav {
	margin-top: 0px;
	float: left;
	margin-left: 9px;
}
.nav>li>a {
/*margin-right:14px;*/
}
.carousel {
	height: 460px;/*margin-bottom:50px;*/
}
.carousel-inner > .item > img {
	height: 400px;
}
.carousel .item {
	height: 400px;
	background-color: #777;
}
.carousel-caption {
	bottom: 100px;
}
.carousel-caption h1 {
	font-size: 45px;
}
.carousel-caption p {
	font-size: 20px;
}
.subFooterIndex .col-md-6.noPaddingRight {
	padding-left: 5px;
}
/*ul.cpBackground.nav>li>a{
	margin-right:0;
}*/
.arLine {
	width: 570px;
}
ul.fSnapshot>li .innerBox h1 {
	font-size: 30px;
	line-height: 22px;
}
.ivFSQR .col-md-6.noPaddingRight {
	padding-left: 15px;
}
ul.qReports li .innerBox .col-md-6.noPaddingLeft {
	padding: 0;
	padding-bottom: 10px
}
ul.qReports li .innerBox .col-md-6 {
	padding: 0;
	padding-bottom: 10px
}
ul.qReports >li {
	height: 120px;
	padding: 15px 0
}
ul.fSnapshot>li {
	height: 120px;
	padding: 40px 0;
}
.iPresent .tab-content .col-md-3 {
	float: left;/*width:49%;
	margin-right:3px;*/
}
.bodImg {
	width: 50%;
}
.tab-content #t4, .tab-content #t5, .tab-content #t8 {
	min-height: 620px;
}
ul.qReports >li .innerBox h4 {
	margin-bottom: 8px;
}
ul.qReports a.btnRedStd {
	min-width: 157px;
	margin-bottom: 5px;
	max-width: 100%;
	padding: 16px 0;
}
ul.qReports >li {
	height: 90px;
	line-height: normal
}
ul.ipresentations >li {
	border-bottom: 1px solid #dddddd;
	/*padding: 15px 0;
	height: 86px;*/
}
.susCountry .col-md-6 {
	clear: both
}
.sMalaysia ul {
	list-style: none;
	margin: 20px auto;
	width: 480px;
	padding: 0;
}
.newsMedia .tab-content .col-md-3 {
	float: left;
	width: 49%;
	margin-right: 5px;
}
.awards .tab-content .col-md-6 {
	float: left;
	width: 49%;
	margin-right: 5px;
}
.carousel{
	min-height:380px;
}
.borderBox{
	min-height:475px;
}
table.fys {
        margin-left: -20px;
}
}












/*col-lg*/
@media only screen and (max-width: 1023px) {
}

/*col-md*/
@media only screen and (max-width: 1199px) {
}

/*col-sm*/
@media only screen and (max-width: 991px) {
.noPaddingLeft, .noPaddingRight {
	padding: 0 0 50px
}
.contentBoxHori .CBcaption {
	min-height: 150px;
}
.noPaddingLeft .contentBoxHori {
	padding-right: 5px;
}
.desktopFooter {
	display: none
}
#mFooter {
	background-color: #56b849;
	padding: 55px 15px;
	color: #fff;
	font-size: 14px;
}
#mFooter hr {
	margin: 0;
	margin-top: 10px;
	border-color: #4ea742;
}
#mFooter a {
	color: #fff;
}
#mFooter a:hover {
	color: #0a5831
}
#mFooter .col-sm-12 {
	padding-left: 0;
	z-index: 99;/*border-bottom:1px solid #fff;*/
}
#mFooter .col-sm-12 a.active, #mFooter .col-sm-12 a.active.collapsed:hover {
	color: #0a5831;
}
#mFooter .col-sm-12 a.active.collapsed {
	color: #fff;
}
#mFooter .col-sm-12 a.active.collapsed h3 {
	background: url(https://www.gentingplantations.com/images/icoArrowWhitePlus.png) no-repeat left center;
	text-indent: 37px;
	font-size: 18px;
}
#mFooter .col-sm-12 a.active h3 {
	background: url(https://www.gentingplantations.com/images/icoArrowWhiteMinus.png) no-repeat left center;
	text-indent: 37px;
	font-size: 18px;
}
#mFooter h3 {
	font-family: Gill-Regular;
	font-size: 16px;
	text-transform: uppercase;
	margin: 0 0 20px 0;
}
#mFooter h4 {
	font-family: Gill-Regular;
	font-size: 18px;
	text-transform: uppercase;
	color: #fff;
	margin: 0 0 20px 37px;
}
#mFooter ul {
	padding: 0;
	margin: 0;
	list-style: none;
	margin-bottom: 30px;
	margin-top: -5px;
	margin-left: 37px;
}
#mFooter ul li {
	margin-bottom: 2px;
}
#mFooter ul li a {
	padding: 0;
	margin: 0;
	list-style: none;
}
#mFooter img {
	display: block;
}
#mFooter table {
	margin: 30px 0 35px;
	border: none;
}
#mFooter table tr td {
	padding-right: 20px;
}
#mFooter table tr td img {
	display: block;
	margin: 0px auto;
}
#mFooter table tr.spacer {
	height: 5px;
}
#mFooter ul.social {
	list-style: none;
	margin: 0;
	padding: 0;
}
#mFooter ul.social li {
	width: 33px;
	height: 33px;
	display: inline-block;
	margin-right: 5px;
	background-color: #fff;
	border-radius: 33px;
}
#mFooter ul.social li img {
	margin: 5px auto;
}
#mFooter ul.social li:hover {
	background-color: #0a5831;
	transition: .2s;/*margin-bottom:5px;
	opacity:.5;
	*/
}
.mobileFooter {
	display: block;
}
ul.bdHome li {
	margin-bottom: 1px;
	width: 179px;
	height: 195px;
}
ul.bdHome li#rwg, ul.bdHome li#rwk, ul.bdHome li#rwl, ul.bdHome li#guk, ul.bdHome li#rwb, ul.bdHome li#rwn, ul.bdHome li#rwbi {
	background-size: cover;
}
.pageBreadcum, .pageBreadcum a {
	text-align: left;
	margin-top: -60px;
	margin-left: 0px;
}
.pageTitle h1 {
	font-size: 35px;
	line-height: 30px;
}
.cpFooter.col-md-4 {
	margin-bottom: 5px;
	margin-top: -45px;
}
.cpFooter .innerBox {
	top: 40%;
}
.cpFooter.col-md-4 .innerBox {
	top: 50%;
}
.cpFooter.col-md-4 .innerBox a {
	margin-right: 25px;
}
.bodFooter .innerBox, .bodFooterLong .innerBox {
	margin-top: 0;
	width: 100%;
}
.bodFooterMedium {
	margin-bottom: 50px;
}
.tabs-left-content {
	padding: 0;
	margin: 0;
	width: 100% !important;
}
ul.aReports>li {
	width: 205px;
	height: 378px;
	margin-right: 25px;
	margin-bottom: 25px;
}
.aNnouncements .col-md-4.noPaddingLeft {
	margin-bottom: 0px !important;
	padding-bottom: 10px;
}
.aNnouncements .col-md-4.noPaddingRight {
	padding-bottom: 0
}
.aNnouncements .col-md-4.noPaddingRight .cpFooter .innerBox {
	top: 50%;
}
.iPresent .tab-content .col-md-6.noPaddingLeft, .iPresent .tab-content .col-md-6.noPaddingRight {
	padding: 0 !important;
}
.iPresent .tab-content .col-md-3.noPaddingLeft, .iPresent .tab-content .col-md-3.noPaddingRight {
	padding: 0 !important;
}
.nmCaptionBox {
	padding: 30px 60px 0 20px;
}
.fyPop {
	max-width: 720px;
}
.closebdMenu {
	top: -818px;
}
.bdMenu .col-md-3 {
	padding-left: 0;
}
.bdMenu .noPaddingLeft {
	padding-bottom: 0;
}
.bdMenu ul {
	margin-bottom: 30px
}
.sdContent img, .SDcaption, .SDcaptionLong {
	max-width: 350px;
}
.fsHeader.col-sm-6 {
	padding-bottom: 50px;
	padding-left: 0;
}
.fsBorderBox .innerBox {
	width: 100%;
}
#chart, #chart2, #chart4 {
	margin-bottom: 50px;
}
#graph {
	margin-bottom: 100px;
}
.headerSearch {
    margin-top: 60px;
}
.pageTitleSearch, .pageTitleSearchResult{
    padding-bottom: 25px !important;
}
ul.announcementsHome li {
    padding: 30px 0;
}
.mMarginTop-50{
	margin-top:-50px;
}
.highlighSlider.carousel {
    margin-bottom: 0px;
}
.BOD .noPadding {
    padding: 0 0 50px !important;
}
.responsive-tabs-container[class*="accordion-"] .accordion-link{
	padding-bottom:15px !important;

}
.aNnouncements .cpFooter .innerBox{
	top:50%;
}
.cpFooter.col-md-6{
	margin-bottom:5px;
}
.cpFooter .innerBoxM50 {
	top:50% !important;
}
/*20170417 added*/
.arContentBox .date {
    width: 45px;
    height: 45px;
    background-position: bottom 5px center;
	font-size: 13px;
	padding: 5px 11px;
	line-height: 13px;
	background-size:cover
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
	overflow:visible
}
}

/*col-xs*/
@media only screen and (max-width: 767px) {
section h1 {
	font-size: 20px;
}
.copyrights {
	height: 107px;
}
p.fRight {
	float: left;
	width: 100%
}
.navbar-nav>li.seperator {
	display: none;
}
.topMenu {
	/*display:none;*/
	width: 100%;
	float: left;
	padding: 0;
	margin-bottom: 50px;
}
.topMenu .navbar-form {
	border: 0;/*padding:0;
	padding-left:15px;*/
}
.btnAGG {
	width: 100%;
	margin-top: 0;
}
.navbar-nav {
	padding: 15px;
	margin-bottom: 20px;
	padding-top: 130px;
}
.nav>li {
	border-bottom: 1px solid #e0e0e0
}
.carousel-inner > .item > img {
	/*max-height: 360px;*/
}
.carousel, .carousel .item {
	height: 360px;
	max-height: 360px;
}
.carousel-indicators {
	display: none
}
.slider1 {
	background-size: cover
}
.carousel-caption h1 {
	font-size: 35px;
}
.carousel-caption p {
	font-size: 20px;
}
.carousel-caption {
	bottom: 100px;
}
.contentBox .CBcaption {
	padding: 30px 55px 30px 15px;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
/*border-bottom: 1px solid #e0e0e0*/
}
.arLine {
	display: none;
}
ul.aReports>li {
	width: 100%;
	height: auto;
	margin-right: 0px;
	margin-bottom: 25px;
}
.aReports .nav-tabs>li {
	width: 180px;
}
.aReports .nav-tabs>li a {
	font-size: 20px;
}
.aReports .nav-tabs {
	margin: -45px 0 0 150px;
}
.ivFSQR ul.fSnapshot .innerBox .noPaddingLeft, .ivFSQR ul.qReports .innerBox .noPaddingLeft, .ivFSQR ul.qReports .innerBox .col-md-6 {
	padding-bottom: 10px;
	padding-left: 0;
}
.ivFSQR ul.fSnapshot .innerBox .col-sm-7 {
	padding: 0px;
}
ul.qReports >li {
	height: 115px;
	padding: 15px 0
}
ul.ipresentations >li {
	
	border-bottom: 1px solid #dddddd;
	/*padding-top: 30px;
	min-height: 180px;*/
}
ul.ipresentations >li a {
	margin-top: 15px;
}
.iPresent .nav-tabs>li {
	width: 180px;
}
.iPresent .nav-tabs>li a {
	font-size: 20px;
}
.iPresent .nav-tabs {
	margin: -45px 0 0 150px;
}
.nav-tabs {
	margin: -57px auto;
}
.nav-tabs>li>a {
	font-size: 12px;
}
.dropdown-menu .divider {
	width: 100%;
	margin-left: 0;
	/*background-color: #e0e0e0 !important;*/
}
.bdMenu h1 {
	font-size: 20px;
	margin-bottom: 25px;
}
.closebdMenu {
	top: -695px;
	right: 10px;
}
.rsStepContent {
	display: block;
}
.rsStepContent .col-xs-12.noPaddingLeft {
	padding-bottom: 0px
}
.rsStepContent .col-xs-12.noPaddingRight {
	padding-left: 100px;
}
.smHeader {
	margin-bottom: 20px;
}
.sdContent img, .SDcaption, .SDcaptionLong {
	max-width: 370px;
}
.sMalaysia ul {
	width: 100%;
	margin: 23px auto;
	padding: 0;
	max-width: 290px;/*max-width: 330px;*/	
}
.sMalaysia ul>li {
	font-size: 16px;
	margin-right: 20px;
}
#chart, #chart2, #chart4 {
	max-width: 370px;
	margin: 30px 0
}
#chart #bars, #chart2 #bars, #chart4 #bars {
	width: 300px
}
#chart4 h5 {
	margin-left: 0;
}
.fyPop {
	display: none
}
.desktopBtn {
	display: none;
	visibility: hidden;
}
.mobileBtn {
	visibility: visible;
	display: block;
	max-width: 80%;
	margin: 0 auto
}
.fsBorderBox .innerBox {
	top: 45%;
}
.bodImg {
	width: 100%;
}
ul.bdHome li {
	margin-bottom: 1px;
	width: 170px;
	height: 185px;
}
.smName {
    width: 100%;
}
.highlighSlider.carousel {
    margin-bottom: 0px;
}
.carousel-caption2,.carousel-caption3{
	/*display:none*/
	padding-bottom: 0px;
    left: 15px;
}
.carousel-control.right, .carousel-control.left{
	display:none
}
.highlighSlider .CBcaptionLong{
	padding-top: 7px;
    padding-right: 30px;
    background-position: center right 15px;
}
.highlighSlider .CBcaption{
	padding-top:15px;
	padding-right: 30px;
}
.contentBoxHori .CBcaption {
    min-height: 185px;
	background-position: center right 15px;
}
.bdMenu {
    width: 100%;
	overflow: scroll;
	z-index:9999;
	height:100%;
}
.closebdMenu {
    top: -805px;
    right: 0;
    font-size: 20px;
}
ul.bdHome li h3 {
    margin: 140px 0 0;
}
.btnSliderDown{
	display:none
}
.plusIcoTitle {
    background: url(https://www.gentingplantations.com/wp-content/themes/genting/images/icoArrowRedPlus.png) right 10px center no-repeat;
}
ul.announcementsHome li {
    background-position: center right 15px;
}
.contentBoxHori .CBcaption p{
	width:80%
}
.responsive-tabs-container[class*="accordion-"] .accordion-link p {
    padding: 0px 15px !important;
    text-align: left;
}
.tabs-left-content h3 {
    font-size: 20px;
    text-align: left;
}
.tabs-left-content h4 {
    font-size: 16px;
    color: #333333;
    text-transform: uppercase;
    margin-bottom: 25px;
    text-align: left;
}
.dropdown-menu{
	width:100%;
	border: 1px solid #4ebc3f;
}
.mBodTab .responsive-tabs-container[class*="accordion-"] .accordion-link p {
    margin-bottom: 0px !important;
}
table.sMEe tr td {
    border: 1px solid #E6E6E6;
    padding: 10px 15px;
    width: 100%;
    float: left;
}
.col-md-9 .text-justify {
    padding-top: 15px;
}
.bdMenu br{
	display:none
}
.bdMenu ul {
    margin-bottom: 15px;
}
.btnAGG {
    background-image: url(https://www.gentingplantations.com/wp-content/themes/genting/images/icoBtnAGGx2.png);
	background-size: 20px 20px;
}

}


/*iphone pro max and below */
@media (min-width: 375px) and (max-width: 769px){
.borderBox {
  min-height: 800px;
}
}

/*iPhone6 and below*/
@media only screen and (max-width: 375px) {
.closebdMenu {
    top: -575px;
}
.borderBox .BBcaption {
	/*top: 42%;*/
}
.nav-tabs, .tab-content {
	padding: 0 10px;
}
.pageTitle h1 {
	font-size: 25px;
	line-height: 30px;
}
.pageBreadcum, .pageBreadcum a {
	padding-bottom:0
}
#chart, #chart2, #chart4 {
    max-width: 345px;
}
#chart #numbers, #chart2 #numbers, #chart4 #numbers{
	width:45px;
}
#chart h3, #chart2 h3, #chart4 h3{
	text-indent:50px;
}
.highlightRed {
    font-size: 12px;
}
.aNnouncements .col-md-4{
	padding-bottom:5px;
}
.aNnouncements .cpFooter .innerBox {
    top: 50%;
}
.aReports .nav-tabs .dropdown-menu {
    min-width: 180px;
}
.alContent img, .ALcaption {
    max-width: 345px;
}
.iPresent .nav-tabs .dropdown-menu {
    min-width: 180px;
}
.carousel-caption {
    bottom: 70px;
}
.bdMenu h1 {
	width: 95%;
    /*font-size: 18px;*/
}
.borderBox {
    min-height: 830px;
}
/*.responsive-tabs-container[class*="accordion-"] .accordion-link {
     padding-bottom: 0px !important; 
}*/
.responsive-tabs-container[class*="accordion-"] .accordion-link {
    background-position: center right 15px !important;
}
.responsive-tabs-container[class*="accordion-"] .accordion-link p {
    padding: 0px 40px;
}
}


/*iPhone5 and below*/
@media only screen and (max-width: 320px) {
.bdMenu h1 {
    width: 280px;
}
.closebdMenu {
    top: -822px;
}
.carousel-caption h1 {
    font-size: 22px;
}
.carousel-caption p {
    font-size: 16px;
}
.carousel-caption {
    bottom: 100px;
}
ul.bdHome li {
    width: 144px;
}
.top {
    width: 45px;
    height: 45px;
	margin-right: -15px;
}
.top img {
    margin: 19px auto;
}
.noPaddingLeft .contentBoxHori {
    padding-right: 0px; 
}

.borderBox {
  min-height: 700px;
}

.borderBox .BBcaption{
	padding:0 15px;
}
.nav-tabs, .tab-content {
    padding: 0 1px;
}
.cpFooter .innerBox{
	width:100%;
}
.cpFooter.col-md-4 .innerBox {
    left: 0;
}
.responsive-tabs-container[class*="accordion-"] .accordion-link{
	background-image:none !important
}
.bodFooterLong {
    min-height: 480px;
}
.bodFooterMedium{
    min-height: 350px;
}
.bodFooter {
    min-height: 230px;
}
.smHeader h3 {
    margin: 0;
    color: #263964;
    font-size: 18px;
}
.smHeader p {
    margin: 0;
    text-transform: uppercase;
    font-size: 12px;
}
#chart, #chart2, #chart4 {
    max-width: 290px;
}
#chart #bars, #chart2 #bars, #chart4 #bars {
    width: 245px;
}
#chart #bars li, #chart2 #bars li, #chart4 #bars li{
	width:60px;
}
#chart #bars li .bar{
	width:30px;
}
#chart2 #bars li .bar{
	width:30px;
}
#chart4 #bars li .bar{
	width:30px;
}
.highlighSlider.carousel .item img{
	max-height: 155px;
}
#myCarousel2, #myCarousel2 .item{
	max-height:280px;
}
.highlighSlider .CBcaptionLong {
    padding-top: 10px;
    padding-right: 30px;
    max-height: 125px;
}
.highlighSlider .CBcaption{
	padding-top: 30px;
    padding-right: 30px;
    max-height: 125px;
    height: 125px;
}
.borderBox {
    min-height: 890px;
}
.iPresent h3, .aReports h3 {
    font-size: 16px;
    color: #212121;
}
.iPresent .nav-tabs {
    margin: -45px 0 0 120px;
}
ul.ipresentations >li .container h4 {
    color: #222222;
    font-size: 18px;
    font-family: Gill-Regular;
    line-height: 18px;
    margin: 0 0 5px;
}
.iPresent .nav-tabs>li {
    width: 170px;
}
.aReports .nav-tabs {
    margin: -45px 0 0 120px;
}
.aReports .nav-tabs>li {
    width: 170px;
}
.cpFooter .innerBox h3 {
    font-size: 16px;
}
}



/*====================================================================================================================================================================================================================*/
/*iPhone 4,4s,5,5s-potrait ONLY*/
@media only screen and (width : 320px) {
}
/*iPhone 4,4s,5,5s-lanscape ONLY*/
@media only screen and (width : 568px) {
/*====================================================================================================================================================================================================================*/

/*====================================================================================================================================================================================================================*/
/*iPhone 6-potrait ONLY*/
@media only screen and (width : 375px) {
}
/*iPhone 6-lanscape ONLY*/
@media only screen and (width : 667px) {
}
/*====================================================================================================================================================================================================================*/

/*====================================================================================================================================================================================================================*/
/*iPhone 6 Plus-potrait ONLY*/
@media only screen and (width : 414px) {
}
/*iPhone 6 Plus-lanscape ONLY*/
@media only screen and (width : 736px) {
}
/*====================================================================================================================================================================================================================*/

/*====================================================================================================================================================================================================================*/
/*iPad-potrait ONLY*/
@media only screen and (width : 768px) {
}
/*iPad-lanscape ONLY*/
@media only screen and (width : 1024px) {
}
/*====================================================================================================================================================================================================================*/