/***iphone p (320px)*/
/***iphone l (480px)*/
/***ipad   p (768px)*/
/***ipad   l (1024px)*/




/***all ipad and iphone****/
/*only screen*/

@media only screen 
and (min-device-width : 320px)
and (max-device-width : 1024px) {

/**************************************************************************************/
/******************************************HEADINGS************************************/

/*
h1
{
font-size: 20pt !Important;
}
*/

 h2
{
font-size: 20pt !Important;
}

 h3
{
font-size:12pt !Important;
}

/***************************************************************************************/
/*************************************CLASSES*******************************************/
.quote-img{
width: 25px; 
margin-bottom: 0px;
}

.header-quote{
font-size:10pt;
}

.single .list-post .post {
padding-left:inherit;
}
.header{
padding-top:5px !Important;
padding-bottom:5px !Important;
}
/***************************************************************************************/
/**************************************Welcome*****************************/
#welcome h2{
font-family: 'DMF', 'DMFW', Arial !Important;
font-size: 18pt !Important;
}

#site-logo a img{
width:210px;
}
/***************************************************************************************/
/**************************************SERVICES*****************************/

#services .header{
margin-bottom:2px;
}

#services .container{
width:100%;
}

#services .column{
width:100%;
padding-left:0px;
padding-right:0px;
}

#services .box{
width:100%;
height:auto;
margin-bottom:2.5px;
margin-top:2.5px;
}

#services .service-img{
width:107px;
height:100px;
}




/***************************************************************************************/
/**************************************WHY SCARLET WIRELESS*****************************/
#why-scarlet-wireless .header{
background:none;
background-color:#020526;
height:auto
}

#why-scarlet-wireless .sub-header span.header-quote{
width:95%;

padding-left:5px;
}

#why-scarlet-wireless .container{
width:100%;
margin:0;
height:auto;
}

#why-scarlet-wireless .column{
width:100%;
}

#why-scarlet-wireless .box{
width:150px;
height:150px;
margin-top:20px;
}

#why-box-1{
float:left;
}

#why-box-2{
background:none;
}

#why-box-3{
float:left;
}

#why-scarlet-wireless .box{
width:100%;
height:auto;
}

#why-scarlet-wireless .box p{
padding-left: 0px;
}

#why-scarlet-wireless .box h3{
padding-left: 0px;
padding-top: 0px;
}


/***************************************************************************************/
/**************************************ABOUT SCARLET WIRELESS*****************************/

#about .header h3{
color: #F3F3F5;
font-size:10pt;
width:95%;
}

#about .testimonial-content h2{
font-size: 11pt;
color:gray;
}

#about .testimonial-content h3{
font-size: 9pt;
color:red;
}

#about .testimonial-content p{
font-size: 10pt !Important;
color:black;
width:100% !Important;
}

#about .carousel-wrap {
height:auto !Important;
}
#about .carousel-pager span{
margin-right:20px;
}


#about .carousel-wrap div.carousel-nav-wrap
{
display:none;

}

#about .testimonial-holder{
position:relative !Important;
width:100% !Important;
height:auto !Important;
}

#about .carousel-wrap div.caroufredsel_wrapper
{
position:relative !important;
top:0px !Important;
height:auto !Important;
/*top:200px !important;*/
/*height:500px !important;*/
}

#about .about-img{
/*display:none;*/
}
#about .about-img-text{
width:100%;
}
#about .right-column{
float:none;
clear:both;
width:100%;
}
#about .left-column{
float:none;
clear:both;
width:100%;
}

#about article
{
padding:0px 10% !Important;
}

/***************************************************************************************/
/**************************************TEAM*****************************/

#team .post-title{
font-size:18pt !Important;
}
#team h2 a{
font-size:16pt !Important;
}

/***************************************************************************************/
/*************************************CAREERS*****************************/

#careers .container{
width:100%;
}

#careers .column-1{
float:left;
width:100%;
}

#careers .column-2{
display:none;
width:0%;
}
#careers .column-3{
float:left;
width:100%;
}

.job
{
background:none;
width:100%;
text-align: left;
padding:0px 5px 0px 5px;
}

.job h2
{
padding-left:0px;
padding-right:0px;
font-size: 16pt !important;
}

#job1{
margin-top:45px;
}

#job2{
margin-top:45px;
}

#job3{
margin-top:45px;
}

#job4{
margin-top:45px;}
/***************************************************************************************/
/**************************************CONTACT*****************************/
#contact-us .offices{
width:100%;
display:none;
}
#contact-us .offices-column1{
width:100%;
float:none;
margin-top:10px;
}
#contact-us .offices-column2{
width:100%;
float:none;
margin-top:10px;
}
#contact-us .offices-column3{
width:100%;
float:none;
margin-top:10px;
}

#contact-us .nav .left-box {
margin-top:10px;
float:none;
clear:both;
text-align:center;
width:100%;
}

#contact-us .selected {
border-top:none;
}

#contact-us .nav .right-box {
float:none;
clear:both;
text-align:center;
width:100%;
margin-top:10px;
}
#contact-us .nav .mid-box{
text-align:center;
width:100%;
float:none;
clear:both;
margin-top:10px;
}
#contact-us .nav {
    width: 100%;
    float: none;
}
#contact-us .inquiry {
    width: 100%;
    float: none;
}
/***************************************************************************************/
/**************************************PROFESSIONAL SERVICES*****************************/
#professional-services .header-container{
width:100%;
clear:both;
}
#professional-services .header h1{
font-size:33pt !important;
}
#professional-services .header-img {
height:100px;
margin: 0px auto 0px auto;
}

#professional-services .sub-header p.header-quote{
width:100%;
padding-left:5px;
padding-right:5px;
}

#professional-services .box-container{
width:80%;
}

#professional-services .box{
margin-left:5px; 
margin-right:0px;
}
/***************************************************************************************/
/**************************************NETWORK SERVICES*****************************/
#network-engineering-services .header{
background:none; 
}

#network-engineering-services .header p{
width:90%;
}

#network-engineering-services .container{
background-color:#ffffff;
}

#network-engineering-services .column1
{
width:100%;
float:none;
}

#network-engineering-services .column2
{
width:100%;
float:none;
}

#network-engineering-services .column3
{
width:100%;
float:none;
}
#network-engineering-services .left-box
{
float:none;
width:100%;
padding-top:5px;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
}

#network-engineering-services .right-box
{
text-align:left;
float:none;
width:100%;
margin-top:10px;
padding-top:5px;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
}

#network-engineering-services .mid-box
{
display:none;
}
/***************************************************************************************/


/**************************************RAN SECTION*****************************/

#ran-engineering .header p{
width:95% !Important;
text-align:left;
}

#ran-engineering .header h1{
font-size: 38pt !important;}

/***************************************************************************************/
/**************************************DAS SECTION*****************************/
#das-small-cell-solutions .sub-header p{
width:90% !important;
text-align:left;
}
#das-small-cell-solutions .das-img{
display:none;
}
#design .sub-header span.header-quote{
width:95%;
}

/***************************************************************************************/
/**************************************DESIGN SECTION*****************************/
#design .sub-header p{
width:95% !Important;
}

#design .column1,
#design .column3,
#design .column5,
#design .column7,
#design .column9
{
width:100%;
float:none;
margin-top:10px;
}
#design .column2,
#design .column4,
#design .column6,
#design .column8
{
width:0;
display:none;
}

/***************************************************************************************/
/**************************************DRIVE TESTING*****************************/

#drive-testing .header{
background:none;
height:auto;
background-color:#47506B;
}


#drive-testing .container p{
width:95%;
}
/***************************************************************************************/
/**************************************OPTIMIZATION*****************************/



#optimization .column1
{
width:100%;
float:none;
}

#optimization .column2
{
display:none;
}

#optimization .column3
{
width:100%;
float:none;
}

#optimization .left-box
{
float: none;
text-align: left;
padding-left: 5px;
}

#optimization .right-box
{
text-align: left;
float: none;
padding-left: 5px;
}

#optimization .mid-box
{
margin: auto;
}

/***************************************************************************************/

}





@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) 
{

#about .carousel-pager span{
margin-right:1px;
}


}