/*************************************************/
/***All Services Page Responsive Design Changes***/
/*************************************************/

@media screen and (min-width: 200px) and (max-width: 1105px){
    body{
        overflow-x: hidden !important;
    }
}
@media screen and (max-width: 767px){
    .servfacaz{
        padding-bottom: 20px !important;
    }
@media screen and (max-width: 360px){
  /*Services page*/
    #contentSection{
        width: 25% !important;
        border-left: none !important;
        border-right: none !important;
    }
    .Service-Row-List{
        position: relative; right: 20px;
    }

    .menuBackGroundLayerTwo{
        display:none !important;
    }
    .zoneMiddleMenuWrap{
        width: 100% !important;
        height: 200px !important;
        position: relative !important;
        overflow: hidden !important;
    } 
    #Service-Col-4, #Service-Col-5, #Service-Col-Y{
        position: relative; top: 10px; right: 40px;
    }
}
@media screen and (min-width: 361px) and (max-width: 401px) {
    #contentSection{
        width: 28% !important;
        border-left: none !important;
        border-right: none !important;
    }
    .Service-Row-List{
        position: relative; right: 20px;
    }

    #Service-Col-4, #Service-Col-5, #Service-Col-Y{
        position: relative; top: 10px; right: 40px;
    }
}
@media screen and (min-width: 402px) and (max-width: 423px){
    #contentSection{
        width:  30% !important;
        border-left: none !important;
        border-right: none !important;
    }
    .Service-Row-List{
        position: relative; right: 10px;
    }
    #Service-Col-4, #Service-Col-5, #Service-Col-Y{
        position: relative; top: 10px; right: 40px;
    }
    #Service-Col-W{
        position: relative; right:30px;
    }
}
/*USED TO SIZE ALL THE MIDDLE SECTION BETWEEN THE WIDTH OF 475PX AND 424PX*/
@media screen and (min-width: 424px) and (max-width: 475px){
    #contentSection{
        width: 32.5% !important;
        border-left: none !important;
        border-right: none !important;
    }
    .Service-Row-List{
        position: relative; right: 10px;
    }
    #Service-Col-4, #Service-Col-5, #Service-Col-Y{
        position: relative; top: 10px; right: 40px;
    }
}
@media screen and (min-width: 476px) and (max-width: 550px){
    #contentSection{
        width: 37% !important;
        border-left: none !important;
        border-right: none !important;
    }  
    #Service-Col-4, #Service-Col-5, #Service-Col-Y{
        position: relative; top: 10px; right: 40px;
    }
}
@media screen and (min-width: 551px) and (max-width: 618px){
    #contentSection{

        width: 44% !important;
        border-left: none !important;
        border-right: none !important;
    }
    #Service-Col-4, #Service-Col-5, #Service-Col-Y{
        position: relative; top: 10px; right: 40px;
    }
}
@media screen and (min-width: 619px) and (max-width: 652px){
    #contentSection{
        width: 50% !important;
        height: 1500px !important;
        background-color: red;
    }
    #Service-Col-C, #Service-Col-G, #Service-Col-M{
        position: relative; right: 280px; top: 75px;
    }
    #Service-Col-D{
        position: relative; left:250px; bottom: 38px;
    }
    #Service-Col-H{
        position: relative; left:0px; top: 28px;
    }
     #Service-Col-N{
        position: relative; left:250px; bottom: 16px;  
    }
    #Service-Col-O{
        position: relative; right: 280px; top: 100px;
    }
    #Service-Col-P{
        position: relative; left: 210px; bottom: 75px;
    }
    #Service-Col-R{
        position: relative; right: 40px; bottom: 60px; 
    }
    #Service-Col-S{
        position: relative; right: 10px;bottom: 95px;
    }
    #Service-Col-T{
        position: relative; right: 40px; bottom: 120px;
    }
    #Service-Col-U{
        position: relative; right: 10px; bottom: 155px;
    }
    #Service-Col-V{
        position: relative; right: 70px; bottom: 110px;
    }
    #Service-Col-W{
        position: relative; left: 240px; bottom: 180px;
    }
    #Service-Col-Y{
        position: relative; right: 40px; bottom: 150px;
    }

}
@media screen and (min-width: 653px) and (max-width: 700px){
    #contentSection{
        width: 54% !important;
        background-color: red !important;
    }

}
@media screen and (min-width: 701px) and (max-width: 734px){
    #contentSection{
        width: 56.5% !important;    
    }
 
}
@media screen and (min-width: 735px) and (max-width: 755px){
    #contentSection{
        width: 60.5% !important;    
    }

}
@media screen and (min-width: 756px) and (max-width: 790px){
    #contentSection{
        width: 61.5% !important;    
    }
    .Service-Row-List{
        position: relative; left: 20px;
    }

}
@media screen and (min-width: 791px) and (max-width: 860px){
    #contentSection{
        width: 67% !important;
    }
    .Service-Row-List{
        position: relative; left: 50px;
    }

}
@media screen and (min-width: 861px) and (max-width: 920px){
    #contentSection{
        width: 72% !important;
    }
    #Service-Col-C{
        position: relative; left:31px; bottom:36px;
    }
    #Service-Col-D{
        position: relative; right:30px; bottom: 100px;
    }
    #Service-Col-E, #Service-Col-F{
        position: relative; left:280px;
    } 
    #Service-Col-G{
        position: relative; right:530px;
    }
    #Service-Col-H{
        position: relative; bottom: 47px;
    }
    #Service-Col-I{
        position: relative; left: 560px; bottom: 200px;
    }
    #Service-Col-L{
        position: relative; right: 280px; bottom: 50px;
    }
    #Service-Col-M{
        position: relative; right: 250px; bottom: 85px;
    }
    #Service-Col-N{
        position: relative; left: 528px; bottom: 176px;
    }
    #Service-Col-O, #Service-Col-P{
        position: relative; bottom: 150px;
    }
    #Service-Col-R{
        position: relative; bottom: 186px; left: 30px;
    }
    #Service-Col-S{
        position: relative; right: 530px; bottom: 40px;
    }
    #Service-Col-T, #Service-Col-U{
        position: relative; left: 280px; bottom: 275px;
    }
    #Service-Col-W{
        position: relative;  right: 30px; bottom: 120px;
    }
    #Service-Col-V{
        position: relative; right: 255px; bottom: 51px;
    }
    #Service-Col-Y{
        position: relative; left: 570px; bottom: 224px;
    }

}
@media screen and (min-width: 921px) and (max-width: 1000px){
    #contentSection{
        width: 79% !important;
    }

}
@media screen and (min-width: 1001px) and (max-width: 1050px){
    #contentSection{
        width: 82.5% !important;
    }
  
}
@media screen and (min-width: 1051px) and (max-width: 1105px){
    #contentSection{
        width: 87.5% !important;
    }
    .Service-Row-List{
        position: relative; left: 50px;
    }
}
@media screen and (min-width: 921px) and (max-width: 1105px){
    #Service-Col-D{
        position: relative; top:20px;
    }
    #Service-Col-E, #Service-Col-F{
        position:   relative; left: 280px; bottom: 93px;
    }
    #Service-Col-G{
        position: relative; right:560px; top: 49px;
    }
    #Service-Col-H{
        position:   relative;   left:30px;
    }
    #Service-Col-I{
        position:   relative; left:560px; bottom: 155px;
    }
    #Service-Col-L, #Service-Col-M{
        position:   relative; right:280px;
    }
    #Service-Col-N{
       position:   relative; left:560px; bottom: 90px;
    }
    #Service-Col-O, #Service-Col-P, #Service-Col-R{
        position:   relative;   bottom: 80px;
    }
    #Service-Col-S{
        position:   relative;   right:530px; top: 61px;
    }
    #Service-Col-T, #Service-Col-U{
        position:   relative;   left: 280px; bottom: 138px;
    }
    #Service-Col-V{
        position:   relative;   right: 560px; top:70px;
    }
    #Service-Col-W{
        position:   relative;   left: 280px; bottom: 14px;
    }
    #Service-Col-Y{
        position:   relative;   left: 560px; bottom: 118px;
    }
}
@media screen and (min-width: 1106px) {
    #contentSection{
        width: 100% !important;
        height: 900px !important;
    }
    #Service-Col-O{
        position: relative; left: 30px; top: 46px;
    }
    #Service-Col-P, #Service-Col-T, #Service-Col-Y,#Service-Col-R, #Service-Col-U, #Service-Col-S, #Service-Col-V, #Service-Col-W{
        position: relative; right: 40px; bottom: 130px;
    }
    
}
/*THIS IS USED TO RESIZE THE CONTENT OF THE ALPHABETICAL COLUMNS*/
@media screen and (min-width: 653px) and (max-width: 860px){
    #Service-Col-C, #Service-Col-G, #Service-Col-M{
        position: relative; right: 250px; top: 75px;
    }
    #Service-Col-D{
        position: relative; left:280px; bottom: 38px;
    }
    #Service-Col-H{
        position: relative; left:30px; top: 28px;
    }
    #Service-Col-N{
        position: relative; left:280px; bottom: 15px;  
    }
    #Service-Col-O{
        position: relative; right: 250px; top: 130px;
    }
    #Service-Col-P{
        position: relative; left: 240px; bottom: 48px;
    }
    #Service-Col-R{
        position: relative; right: 320px; top: 230px;
    }
    #Service-Col-S{
        position: relative; right: 10px; top: 95px;
    }
    #Service-Col-5{
        position: relative; right: 40px; top: 60px;
    }
    #Service-Col-Y{
        position: relative; right: 40px; top: 50px;
    }
}