.page-template-template-full-width .section{
width:100%;
}
.content-area {
width: 1110px;
margin: 0 auto;
}
.bg-white{
background-color:#fff;
}
.bg-blue{
background-color:#F6FBFF;
}
span.red{
color:#c62025;
}
.text-panel-center{
width:980px;
margin:0 auto;
}
.text-panel-center p{
text-align:center;
margin:15px 0;
}
.virtual-banner{
width:100%;
height:auto;
}
.phone-btn-section{
padding:45px 0;
}
.phone-btn-section h5{
margin:15px 0;
font-size:24px;
color:#065485;
font-weight:700;
text-align:center;
}
.phone-btn-section .btn-holder{
margin:15px 0;
padding:0;
list-style:none;
text-align:center;
}
.phone-btn-section .btn-holder li{
margin:15px;
display:inline-block;
border-radius:6px;
transition:all 0.2s linear;
}
.phone-btn-section .btn-holder li:hover{
box-shadow:0 0px 10px #444;
}
.phone-btn-section .btn-holder li span.btn, .btn-ve{
padding: 14px 35px;
min-width: 250px;
background-color:#c62026;
font-family:"Open Sans",sans-serif;
font-size:15px;
color:#fff;
font-weight:700;
text-transform:uppercase;
text-decoration:none;
border: none;
border-radius: 6px;
transition: .3s;
text-align: center;
display:inline-block;
cursor:pointer;
}
.phone-btn-section .btn-holder li span.btn-blue{
background-color:#065485;
}
.btn-ve:hover{
box-shadow:0 0px 10px #444;
}
.phone-btn-section p{
margin:15px 0;
}
.phone-btn-section p, .iphone-section p, .iphone-section h2, .android-section p, .android-section h2, .phone-function-list li h5{
text-align:center;
}
.iphone-section, .android-section{
display:none;
}
.iphone-section, .android-section, .faq-section{
padding:45px 0;
}
.iphone-section h2, .android-section h2, .faq-section h2{
margin:15px 0;
font-size:36px;
color:#065485;
font-weight:700;
text-align:center;
}
.phone-tagline{
width:650px;
margin:45px auto;
}
.phone-function-list{
width:100%;
margin:0;
padding:0;
list-style:none;
float:left;
text-align:center;
}
.phone-function-list li{
margin:40px;
width:475px;
display:inline-block;
text-align:center;
float:left;
}
.phone-function-list li h5{
font-size:24px;
color:#065485;
text-align:center;
font-weight:700;
margin:30px 0;
text-transform:uppercase;
}
.phone-function-list li h5 span{
color:#c62025;
}
.phone-function-list li img{
margin:0 auto;
display:block;
}
.phone-function-list li .video-holder{
width:258px;
padding:15px 14px 30px;
margin:0 auto; background-color:#E6EBEE;
border-radius:15px;
} .android-section .phone-function-list li .video-holder video{
height:456px;
}
.phone-function-list li.function-last{
width:800px;
margin-left: 148px;
}
.phone-function-list li.function-last .video-holder{
margin-right:80px;
float:left;
}
.phone-function-list li.function-last h5{
margin-top:120px;
text-align:left;
}
.phone-function-list li.function-last p{
text-align:left;
}
p.bottom-line{
width:100%;
margin:30px 0;
font-weight:bold;
text-align:center;
float:left;
} .tab {
overflow: hidden;
margin:40px 0 25px 0;
text-align:center;
}
.tab button {
background-color: inherit;
border: #E6EBEE 2px solid;
border-radius: 20px;
outline: none;
cursor: pointer;
margin:10px;
padding: 8px 40px;
transition: 0.3s;
font-family:'Open Sans', sans-serif;
font-size: 15px;
color:#065485;
font-weight:700;
line-height:20px;
display:inline-block;
}
.tab button:hover {
background-color: #E6EBEE;
color:#c62025;
}
.tab button.active {
background-color: #E6EBEE;
color:#c62025;
}
.tabcontent {
display: none;
}
.faq-list{
width:100%;
margin:0;
padding:0;
list-style:none;
}
.faq-list li{
margin:45px 0 0 0;
padding:0 0 0px 80px;
background:url(//www.newcitymovers.com/wp-content/themes/newcitymovers/assets/images/faq-icon.png) no-repeat left top;
text-align:left;
float:left;
}
.faq-list li h5{
margin:5px 0 30px 0;
font-size:24px;
color:#065485;
font-weight:700;
}
.faq-list li div{
padding-bottom:30px;
border-bottom:#E6EBEE 1px solid;
font-family:"Open Sans",sans-serif;
font-size:15px;
color:#54626a;
font-weight:400;
line-height:24px;
}
.content-form{
width:600px;
margin:0 auto;
}
.content-form .wpcf7-response-output{
margin:20px 0;
text-align:center;
} @media only screen and (max-width:1136px){
.content-area {
width: 96%;
margin: 0 auto;
}
.phone-function-list li {
margin: 40px 5%;
width: 40%;
min-height: 610px;
text-align:center;
}
.phone-function-list li.function-last{
margin: 40px 5%;
}
}
@media only screen and (max-width:1024px){
.text-panel-center {
width: 100%;
}
.phone-function-list li {
min-height: 650px;
}
}
@media only screen and (max-width:960px){
}
@media only screen and (max-width:900px){
.phone-function-list li.function-last{
width:90%;
}
}
@media only screen and (max-width:854px){
}
@media only screen and (max-width:800px){
.phone-function-list li {
min-height: 640px;
}
}
@media only screen and (max-width:768px){
}
@media only screen and (max-width:720px){
.phone-function-list li, .phone-function-list li.function-last {
margin: 30px auto;
width: 460px;
min-height:inherit;
float:none;
display:block;
}
.phone-function-list li.function-last .video-holder{
margin:0 auto;
float:none;
}
.phone-function-list li.function-last h5{
margin:25px 0;
text-align:center;
}
.phone-function-list li.function-last p{
text-align:center;
}
.phone-tagline {
width: 94%;
}
}
@media only screen and (max-width:640px){
.content-form{
width:100%;
}
}
@media only screen and (max-width:540px){
}
@media only screen and (max-width:480px){
.phone-function-list li, .phone-function-list li.function-last {
width: 100%;
}
}
@media only screen and (max-width:360px){
.phone-btn-section .btn-holder li {
margin: 15px 0 !important;
}
.phone-btn-section .btn-holder li span.btn{
width:80%;
padding: 14px 5%;
margin:0 auto;
}
}
@media only screen and (max-width:320px){
}