@charset "utf-8";


@media only screen and (max-width: 1520px) {
    .container {
        width: 1250px;
        padding: 0 ;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .nav-items {
    	width: 7.5em;
    }
    /*begin*/
   .in-nelb{
		margin-left: -50px;
	}
   .in-nelb li{
	width: 600px;
	margin-left: 50px;
	}
	.cantuk{
		width: 770px;
	}
	.ca-ny-js{
		height: 200px;
	}
	.aboutus-tit{
		width: 337px;
	}
	.aboutus-main{
		display: block;
		margin-left:370px;
		margin-right: 460px;
		padding-top: 130px;
	}	
	#marquee1{
		width: 1250px;
	}
	
}



/* Large Devices, Wide Screens */

@media only screen and (max-width: 1200px) {
    /*.container {
        width: 100%;
        padding: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .pattern-items {
        width: 50%;
    }
    .pattern-items:nth-child(3) {
        float: right;
    }
    .pattern-items:nth-child(5) {
        float: right;
    }
    .rnm-sayl {
        left: -3.46rem;
    }
    .rnm-sayr {
        right: -3.68rem;
    }
    .wban-text-block{
    	margin: 0 auto;
    }
    .wban-text1{
    	margin: 0 auto .16rem;
    }
    .wban-l {
        float: none;
    }
    .wban-cercle {
        margin: .64rem auto 0.8rem;
    }
    .wban-ipone {
        width: 4.45rem;
        float: none !important;
        margin: 0 auto;
    }
    .wban-ibg {
        position: relative;
    }
    .wban-cercle span {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .wban-iicon1 {
        width: 1.23rem;
        left: -0.44rem;
        top: 1.29rem;
    }
    .wban-iicon2 {
        width: .98rem;
        right: .06rem;
        top: 1.48rem;
    }
    .wban-iicon3 {
        width: .88rem;
        left: .06rem;
        top: 3.81rem;
    }
    .wban-iicon4 {
        width: 1.23rem;
        right: -0.21rem;
        top: 3.83rem;
    }
    .stp-nav-items:nth-child(3) {
        margin-right: 0 !important;
    }
    .stp-main {
        position: relative;
        padding: 0.6rem 0 1rem;
    }
    .stp-block {
        position: relative;
        max-width: 100vw;
        display: table;
        padding-top: 0.6rem;
        padding-bottom: .6rem;
        margin: 0 auto;
    }
    .stp-content {
        left: 51vw;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    .stp-nav {
        width: 50vw;
    }*/
    /* .stp-nav-items {
        margin-bottom: 0.5rem;
    } */
   /*begin*/
}

@media only screen and (width: 1024px) {
    /*.rnm-phone {
        margin-left: -15px;
    }*/
}


/* Medium Devices, Desktops */

@media only screen and (max-width: 992px) {
    /*.retail {
        background-repeat: repeat-y;
    }
    .rdl-items {
        width: 50%;
        margin-bottom: 0.5rem;
    }
    .choose-items {
        width: 50%;
        margin-bottom: .34rem;
    }
    .rnm-sayl,
    .rnm-sayr {
        font-size: 18px;
        line-height: 0.5rem;
    }
    .rnm-sayl {
        left: -3.56rem;
    }
    .rnm-sayr {
        right: -3.6rem;
        width: 3.86rem;
        padding-left: 0.4rem;
    }*/
}



/* Small Devices, Tablets */

@media only screen and (max-width: 768px) {
    /*.retail-tit {
        line-height: 1.6em;
    }
    .retail-new {
        margin-top: 0.5rem;
    }
    .retail-new-main {
        width: 90vw;
        margin-top: 0;
    }
    .rnm-phone {
        text-align: center;
        padding-top: 0.5rem;
    }
    .rnm-sayl {
        display: block;
        position: relative;
        width: 60vw;
        left: 0;
        padding-bottom: 0;
        line-height: 0.66rem;
    }
    .rnm-sayr {
        float: right;
        display: block;
        position: relative;
        right: auto;
        width: 60vw;
        margin-bottom: 1rem;
        padding-bottom: 0;
        padding-left: 0.7rem;
        line-height: 0.66rem;
    }
    .rnm-sayr::after {
        content: '';
        display: block;
        height: 0;
        clear: both;
    }
    .stp-content {
        left: 43vw;
    }
    .stb-items {
        width: 12.5%;
    }
    .solutions-best {
        min-height: 7.14rem;
        padding-top: 0.82rem;
    }*/
}

@media only screen and (max-width: 736px) {
	/*.retail-tit {
        font-size: 26px;
    }
    .rdl-text {
        font-size: 16px;
    }
    .pattern-items {
        float: none;
        width: 100%;
    }
    .pattern-items:nth-child(3) {
        float: none;
    }
    .pattern-items:nth-child(5) {
        float: none;
    }
    .pattern-tit {
        padding: 0 4vw;
        font-size: 26px;
        line-height: 1.6em;
    }
    .choose hgroup {
        padding: 0 4vw;
    }
    .choose .choose-tit {
        font-size: 26px;
        line-height: 1.6em;
    }
    .rnm-sayl,
    .rnm-sayr {
    	line-height: 1.2rem;
    }
    .pattern-items {
        border: 0 none;
        border-bottom: 1px solid #fff;
    }
    .pattern-items:last-child {
        border-bottom: 0 none;
    }
    .solutions-tit {
        font-size: 26px;
    }
    .stp-nav-tit {
        font-size: 14px;
    }
    .stb-tit {
        font-size: 26px;
    }
    .stb-items {
        width: 25%;
    }
    .stb-icon {
        width: auto;
    }
    .stp-nav-items{
    	width: 1.61rem;
    }
    .stp-content{
    	left: 54vw;
    }
    .solutions-best{
    	padding-top: 2.42rem;
    }*/
}

/* Extra Small Devices, Phones */

@media only screen and (max-width: 480px) {
    /*.retail-tit {
        font-size: 26px;
    }
    .rdl-text {
        font-size: 16px;
    }
    .pattern-items {
        float: none;
        width: 100%;
    }
    .pattern-items:nth-child(3) {
        float: none;
    }
    .pattern-items:nth-child(5) {
        float: none;
    }
    .pattern-tit {
        padding: 0 4vw;
        font-size: 26px;
        line-height: 1.6em;
    }
    .choose hgroup {
        padding: 0 4vw;
    }
    .choose .choose-tit {
        font-size: 26px;
        line-height: 1.6em;
    }
    .rnm-sayl {
        display: block;
        position: relative;
        width: 90vw;
        left: 50%;
        padding-bottom: 0;
        margin-left: -42vw;
        line-height: 1rem;
    }
    .rnm-sayr {
        display: block;
        position: relative;
        right: auto;
        width: 90vw;
        left: 0;
        margin-bottom: 1rem;
        padding-bottom: 0;
        padding-left: 0.7rem;
        margin-left: -42vw;
        line-height: 1rem;
    }
    .pattern-items {
        border: 0 none;
        border-bottom: 1px solid #fff;
    }
    .pattern-items:last-child {
        border-bottom: 0 none;
    }
    .solutions-tit {
        font-size: 26px;
    }
    .stp-nav-tit {
        font-size: 14px;
    }
    .stb-tit {
        font-size: 26px;
    }
    .stb-items {
        width: 25%;
    }
    .stb-icon {
        width: auto;
    }
    .stp-nav{
    	width: 100vw;
    }
    .stp-content{
    	height: 7.96rem;
    	position: relative;
    	margin-top: .6rem;
    	margin-bottom: -40%;
    	left: 50vw;
    	margin-left: -2rem;
    }
    .stp-nav-items{
    	width: 33.33%;
    	padding: 0.5%;
    	margin: 0 !important;
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	box-sizing: border-box;
    }
    .solutions-best{
    	padding-top: 2.8rem;
    }*/
}

@media only screen and (max-width: 568px) {
	/*.rnm-sayl,
    .rnm-sayr {
    	font-size: 14px;
    	line-height: 1rem;
    }*/
}

/* Custom, iPhone Retina */

@media only screen and (max-width: 375px) {
	/*.rnm-sayl,
    .rnm-sayr {
    	font-size: 14px;
    	line-height: 0.8rem;
    }
    .stp-main{
    	padding-bottom: 0;
    }
    .stp-block{
    	padding-top: 0;
    }
    .stp-nav{
    	width: 100vw;
    }
    .stp-content{
    	height: 7.99rem;
    	position: relative;
    	margin-top: .6rem;
    	margin-bottom: -40%;
    	left: 50vw;
    	margin-left: -2rem;
    }
    .stp-nav-items{
    	width: 33.33%;
    	padding: 0.5%;
    	margin: 0 !important;
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	box-sizing: border-box;
    }
    .solutions-best{
    	padding-top: 3.4rem;
    }*/
}

@media only screen and (max-width: 320px) {
	/*.solutions-best{
    	padding-top: 2.8rem;
    }*/
}