@media only screen and (min-width:1441px){
header {
width: 100%;
padding: 20px 0;
height: 160px;
display: block;
-webkit-transition: .3s;
transition: .3s;
position: fixed;
top: 0;
z-index: 9999;
background-color: #FFFFFF;
}
div#banner {
position: relative;
height: 700px;
display: block;
overflow: hidden;
margin: 0;
-webkit-transition: .6s;
transition: .6s;
margin-top: 110px;
}
.headlineLogo {
width: 100%;
margin: 20px auto;
padding: 0;
display: block;
overflow: hidden;
text-align: center;
}
div#banner>.items{
height: 100% !important;
}
.headlineLogo h1 {
padding: 0 !important;
margin: 0 !important;
}

}

@media only screen and (max-width:1440px) {
header {
width: 100%;
padding: 20px 0;
height: 160px;
display: block;
-webkit-transition: .3s;
transition: .3s;
position: fixed;
top: 0;
z-index: 9999;
background-color: #FFFFFF;
}
.itemDetails {
width: 53%;
min-height: 300px;
margin: 0;
padding: 10px;
display: block;
float: right;
overflow: hidden;
font-size: 12px;
background: #f7f7f7;
}
div#banner {
position: relative;
height: 700px;
display: block;
overflow: hidden;
margin: 0;
-webkit-transition: .6s;
transition: .6s;
margin-top: 110px;
}

.headlineLogo {
width: 100%;
margin: 0 auto;
padding: 0;
display: block;
overflow: hidden;
text-align: center;
}

div#banner>.items {
height: 90% !important;
}

.headlineLogo h1 {
padding: 0 !important;
margin: 0 !important;
}

ul.nav a {

display: block;
color: #111;
font-size: 18px;
font-weight: 500;
padding: 0 10px;
height: 30px;
line-height: 30px;
margin: 0;
text-align: center;
transition: .3s;
-webkit-transition: .3s;
letter-spacing: 1px;

}
ul.nav>li:last-child a {

padding: 0 8px 0 11px !important;
border: 0px solid #fbcb09;
background: #fbcb09;
border-radius: 22px;
color: #fff !important;
height: 40px;
line-height: 40px;
font-size: 18px;

}
header>.wrapper .hotline>a {

float: left;
height: 30px;
line-height: 30px;
font-size: 16px;
margin: 0 0 0 20px;
color: #222222;
letter-spacing: 0.5px;

}
.products {

width: 97%;
margin: 25px auto 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
overflow: hidden;

}
.products>a {
text-align: center;
}
.products>a h3 {

font-size: 33px;
margin-top: 90px;

}
.products>a h3 span {
padding: 0 40px;
font-size: 24px;
margin: 75px 0 0 0;
}

}

@media only screen and (max-width:1024px) {}

@media only screen and (max-width:768px) {}

@media only screen and (max-width:460px) {}

@media only screen and (max-width:375px) {}