@media screen and (max-width: 1740px) {

.font_36 {font-size: 24px;}
.font_24 {font-size: 18px;}

.designerCard .big_Letter {font-size: 160px; height: 160px; width: 160px;}
.designerCard.cardA:hover .big_Letter{left: -70%; top: -40%; font-size: 90px; height: 90px; width: 90px;}
.designerCard.cardA .houseTop {width: 50%;}
.designerCard.cardA .houseTopStrip {height: 60px; bottom: 10%;}
.designerCard.cardA .subtitle_1 {font-size: 20px; line-height: 36px; bottom: 20%;}
.designerCard.cardA .subtitle_2 {font-size: 20px;  bottom: 15%;}
.designerCard .big_Letter sub {font-size: 20px; margin-bottom: 26px; margin-left: -14px;}
.designerCard:hover .big_Letter sub {margin-bottom: 18px;}
.designerCard.cardA .big_plane2 img {transform: scale(0.7);}
.designerCard.cardA .small_plane img {transform: scale(0.7);}


.designerCard.cardB .big_Letter sub {margin-bottom: 26px;}
.designerCard.cardB:hover .big_Letter sub {margin-left: -18px;margin-bottom: 20px;}
.designerCard.cardB .currency {top: 0%; right: 5%; transform: scale(0.6);}
.designerCard.cardB .titleLine {bottom: 5%;}
.designerCard.cardB:hover .big_Letter {font-size: 90px;height: 90px;left: -70%;width: 90px;}
.designerCard.cardB .titleLine {bottom: 70px;}
.designerCard.cardB .subCaption {bottom: -40px;}
.designerCard.cardB .titleLine .ball img {transform: scale(0.6);}


.designerCard.cardC .remote img{width: 80px;}
.designerCard.cardC .remote {margin-left: -60px;}
.designerCard.cardC .big_Letter sub {margin-bottom: 28px;margin-left: -30px;}
.designerCard.cardC:hover .big_Letter sub {margin-bottom: 18px; margin-left: -30px;}
.designerCard.cardC:hover .big_Letter {font-size: 90px; height: 90px; width: 90px;}
.designerCard.cardC:hover .remote .img2 {margin-left: 5px;transform: scale(0.7);}

.designerCard.cardD .big_Letter sub {margin-bottom: 24px;margin-left: -30px;}
.designerCard.cardD:hover .big_Letter sub {margin-bottom: 40px;}
.designerCard.cardD .rotater1 {transform: scale(0.6); top: 10%;right: 0%;}
.designerCard.cardD:hover .rotater1 {transform: scale(0.8);}
.designerCard.cardD:hover .capLetter { font-size: 90px; height: 90px; width: 90px; left: -90%;top: 0px;}
.designerCard.cardD .rotater2 {transform: scale(0.8);}
.designerCard.cardD .rotater3 {transform: scale(0.8);}
.designerCard.cardD .titleLine {bottom: 40px;}
.designerCard.cardD .subCaption {bottom: -35px;}

.designerCard.cardE .big_Letter sub {margin-bottom: 24px; margin-left: -14px;}
.designerCard.cardE .rocket {bottom: 35%;}
.designerCard.cardE:hover .big_Letter {font-size: 90px; height: 90px; left: -70%; width: 90px;}
.designerCard.cardE .titleLine {bottom: 30%;}
.designerCard.cardE .subCaption {bottom: -45px;}
.designerCard.cardE .remote {transform: scale(0.7);}

.designerCard.cardF .glass {right: 5%; transform: scale(0.8);}
.designerCard.cardF:hover .big_Letter { width: 90px;font-size: 90px; height: 90px;}
.designerCard.cardF .big_Letter sub {margin-bottom: 18px; margin-left: -35px; margin-bottom: 24px;}
.designerCard:hover .big_Letter sub {margin-left: -25px; margin-bottom: 18px;}
.designerCard.cardF .subCaption {bottom: -35px;}
.designerCard.cardF .titleLine {bottom: 30%;}


}


@media screen and (max-width: 1440px){

.UlList .designerCard .insideContents .smallForm .longText  {min-height: 130px;}
.UlList .designerCard .insideContents .smallForm {padding-top: 0px; padding-bottom: 0px; margin: 0px;}
.UlList .designerCard .insideContents .smallForm label {margin-bottom: 0px;}

.designerCard.cardA .big_plane2 img {transform: scale(0.6);}
.designerCard.cardA .small_plane img {transform: scale(0.6);}
.designerCard.cardB .titleLine {bottom: 60px;}
.designerCard.cardD .titleLine {bottom: 30px;}
.designerCard.cardD .subCaption {bottom: -30px; font-size: 20px;}
.designerCard.cardE .subCaption {bottom: -38px;}
.fitToScreen .gridList .designerCard .longText {font-size: 20px;}
.UlList .designerCard .insideContents .title .name {padding: 3px 30px;}

}


@media screen and (max-width: 1280px) and (max-height: 768px){
	
.designerCard.cardB .titleLine {bottom: 95px;}
.designerCard.cardC .titleLine {bottom: 30%;}
.designerCard.cardE .titleLine {bottom: 33%;}
.designerCard.cardF .titleLine {bottom: 34%;}

}

@media screen and (max-width: 1280px) {
	.fitToScreen .gridList .designerCard .longText,
	.fitToScreen .gridList .designerCard  .text_retain .font_24 {font-size: 18px;}
	.fitToScreen .gridList .designerCard  .text_retain .font_36 {font-size: 20px;}

	.footer .info .list,
	.footer .quickLink .list a {font-size: 14px;}
	.fitToScreen.full1280 .gridList .UlList {width: 100%;}
}



@media screen and (max-width: 991px){

.fitToScreen .gridList .UlList {width: 50%;}
.hide992 {display: none!important;}
.footer .quickLink {margin: 10px 0;}
.footer .socialMedia {float: left; margin: 10px 0;}
.footer .copyright {text-align: left; margin: 10px 0;}
.footer .info {margin: 10px 0;}
.fitToScreen.full992 .gridList .UlList {width: 100%;}
.UlList .designerCard .insideContents .smallForm label .name ,
.UlList .designerCard .insideContents .smallForm.familyForm label .inputBox {font-size: 16px;}
.UlList .designerCard .insideContents .smallForm label .inputBox {background-size: auto 2px;}
.UlList .designerCard .insideContents .smallForm.familyForm .newMargin {width: 48%; display: inline-block;vertical-align: top;}
.UlList .designerCard .insideContents.hasContent .afterContent  {font-size: 14px;padding-top: 50px;}

}



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

.fitToScreen .gridList .UlList.mobileAuto {height: auto;}
.fitToScreen .gridList .UlList.mobile60 {height: 60%;}
br.no_brMobile {display: none;}

header .border .date {display: none;}
.introSlider {display: none;}

.fitToScreen .gridList .UlList {width: 100%;}
.designerCard.cardB .titleLine {bottom: 85px;}
.designerCard.cardD .titleLine {bottom: 60px;}
.designerCard.cardF .titleLine {bottom: 33%;}
.designerCard.cardE .titleLine {bottom: 33%;}
.designerCard.cardC .titleLine {bottom: 30%;}

header .logo svg{width: 80px; height: 80px;}
header .logo .LogoName { width: 250px; top: 80px;}
.fitToScreen { padding: 0 15px; padding-top: 120px;}
.introSlider {padding-top: 120px;}
.introSlider:after {height: calc(100% - 120px) ;}
header .menu {width: 100%; padding: 0px;}
header .menu .list {display: none;}
header .menu .list:last-child {display: block; text-align: right;}
header .logo {position: initial;}
header .stateMark .data {font-size: 14px; width: 80px; line-height: 1.2;}

.fitToScreen .gridList .UlList.cover6 {width: 100%;}
.fitToScreen .gridList .UlList.fullHeight {height: auto;}
.fitToScreen .gridList .UlList.fullHeight.setMobile {height: 100%;}
.fitToScreen .gridList .designerCard .text_retain .font_24{ font-size: 16px;line-height: 22px;}
.font_36 {font-size: 18px;}
.introSlider .main-slider .list h2 {font-size: 46px;}
.introSlider .main-slider {margin-top: 25%;}

header {padding-left: 0px; padding-right: 0px;}
.UlList .designerCard .insideContents .Toptitle .name {font-size: 14px;}
.UlList .designerCard .insideContents .contactInfo .list .label ,
.UlList .designerCard .insideContents .contactInfo .list .data{font-size: 14px; width: 100%; display: inline-block; vertical-align: top;}
.UlList .designerCard .insideContents .contactInfo .list .label {font-weight: bold;}
.UlList .designerCard .insideContents .contactInfo .list {margin: 10px 0;}

.UlList .designerCard .insideContents .smallForm.familyForm .newMargin {width: 100%; display: table;}

.fitToScreen .gridList .designerCard .text_retain {padding: 0 10px;}

}














/*---------------- min query start here */

@media screen and (min-width: 768px){

.container {max-width: 768px; margin: auto; /*position: relative;*/ padding:0px; height: 100%; position: absolute; left: 0; right: 0;}
.sticky_header {max-width: 768px; width: 100%; position: fixed; top: 0px; background: #fff; z-index: 99;}


}

@media screen and (min-width: 992px){

body.overflowHide {overflow: hidden;}
.container {max-width: 992px; margin: auto; /*position: relative;*/ padding:0px; height: 100%; position: absolute; left: 0; right: 0;}
.sticky_header {max-width: 992px; width: 100%; position: fixed; top: 0px; background: #fff; z-index: 99;}

}

@media screen and (min-width: 1280px){

.container {max-width: 1280px; margin: auto; /*position: relative;*/ padding:0px; height: 100%; position: absolute; left: 0; right: 0;}
.sticky_header {max-width: 1280px; width: 100%; position: fixed; top: 0px; background: #fff; z-index: 99;}

}

@media screen and (min-width: 1740px){

.container {max-width: 1740px; margin: auto; /*position: relative;*/ padding:0px; height: 100%; position: absolute; left: 0; right: 0;}
.sticky_header {max-width: 1740px; width: 100%; position: fixed; top: 0px; background: #fff; z-index: 99;}

}