/*DO NOT DELETE THIS LINE*/@media screen and (max-width: 767px) {
    
    #ContentWrap .TwoThirdWidth {
    display: inline-block;
    width: 98% !important;
    vertical-align: top;
    margin-right: 0px;
}
    
#inside {
        left: 23% !important;
    } 
       
#students {
        left: 16% !important;
    }
    
#faculty {
        left: 17% !important;
    }
    
#online {
        left: 16% !important;
    }  
    
#library {
        left: 26% !important;
    }      
    .HomePage .CalendarEventItem {
    display: block !important;
    height: 79px;
}
    .BlogItemImage {
    display: inline-block;
    padding-right: 0px;
    width: 100%;
}
    span.fa.fa-book {
    margin-right: 0px;
}
   .arrow {
    position: absolute;
    width: 150;
    font-size: 25px;
    z-index: 200;
    left: 32%;
    top: 85px;
    cursor: pointer;
}
    #Line1 {
    font-size: 30px;
}
    #Line2 {
    font-size: 16px;
        margin-top:20px;  
        LINE-HEIGHT:20PX;      
}
 #Navigation2 #MobileNavigation {
    display: block;
    position: absolute;
    width: 230px;
    height: 660px;
    top: 58px;
    background-color: #646464;
    z-index: 0;
    overflow-y: auto;
    overflow-x: hidden;
    border-right: 1px solid rgb(51, 51, 51);
    left: 104px;
    top: -680px;
}
    #Logo2 {
    display:none
}
#Logo3 {
    position: relative;
    top: 7px;
    width: 100%;
    margin-left: 0px;
    display: block !important;
    z-index: 7;
}
    
    
   #ContentWrap #MainFooter .Addresses2 {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 50px;
}
    
#MiddleNavigation2 .Links span {
    position: absolute;
    left: 121px;
}
    .BlogItemImage img {
    width: 100%;
    -webkit-box-shadow: 0px 2px 7px -2px rgba(0,0,0,1);
    -moz-box-shadow: 0px 2px 7px -2px rgba(0,0,0,1);
    box-shadow: 0px 1px 3px -1px rgba(0,0,0,1);
}
    #Logo2 img {
    width: 299px;
  
}
#MainFooter .Addresses2 {
    display: inline-block;
    width: 100%;
    text-align: center;
}
    #MainFooter .Column2 {
    width: 100%;
}
    #MainFooter .Column3 {
    width: 100%;
}
    #MainFooter .Column4 {
    width: 100%;
}
    #MainFooter .Column5 {
    width: 100%;
}
#Navigation2 {
    display: block;
    width: 100%;
    height: 76px;
    top: 0px;
    background-image: url(../Images/SubNavTexture.png);
    position: absolute;
    box-shadow: 0px 4px 15px #000000;
    z-index: 7;
    background-color: rgba(35, 131, 78,.7);
}
    #Navigation2 #MainNavigation {
    width: 100%;
    height: 45px;
    position: absolute;
    top: 18px;
    left: 0%;
    margin-left: 0px;
}
    
 #MiddleNavigation2 {
    width: 100%;
    height: 400px;
    background-color: #018852;
    background-image: url(../Images/SubNavTexture.png);
    background-repeat: repeat-x;
    background-repeat-y: repeat;
    position: relative;
    font-weight: 400;
    z-index: 6;
    box-shadow: 0px -4px 17px;
    margin-top: -3px;
}
#SlideWrap {
    position: relative;
    z-index: 5;
    top: 0;
    padding-top: 72px;
}
       #MiddleNavigation2 .Wrapped {
    width: 100%;
    margin: auto;
    text-align: center;
}
#MiddleNavigation2 .Links {
    font-size: 17px;
    display: inline-block;
    margin-right: 0px;
    vertical-align: top;
    margin-top: 1px;
}
    
#MiddleNavigation2 .Links a {
    line-height: 46px;
    vertical-align: top;
    color: #fff;
    margin-right: 0px;
    text-decoration: none;
    display: inline-block;
    text-transform: uppercase;
    margin-top: 12px;
    /* border-bottom: solid; */
    box-shadow: 0px 1px 11px #000000;
    width: 100%;
}
.SocialMedia2 {
    width: 300px;
    left: 0px;
    position: absolute;
    top: 10px;
    font-size: 43px;
    color: #ffffff;
    text-shadow: 0px 1px 8px #000000;
    z-index: 50;
    text-align: left;
}
#MobileNavigationButton2 {
    float: right;
    display: block;
    position: absolute;
    top: 25px !important;
    right: 0px;
    width: 78px;
    height: 22px;
    background-image: url('../Images/Menu.png');
    padding: 5px;
    background-repeat: no-repeat;
    background-position: 5px 5px;
}
    
    /* This section is for phones only */
    .LeftLarge, .LeftSmall, .RightLarge, .RightSmall, .HalfWidth, .RightHalfWidth {
        display:block;
        float:none;
        width:100% !important;    
    }
    
/*DO NOT DELETE THIS LINE*/}@media screen and (max-width: 1023px) {
    /* This style sheet is for hand held devices */
    
    .LeftLarge, .LeftSmall, .RightLarge, .RightSmall {
        display:block;
        float:none;
        width:100% !important;    
    }
    
        body {
            position:relative;
        }    
            
    img {
        max-width: 100%;
    }
    
    #SubNavigation {
        display:none;
    }
    
    #Logo {
        margin-left:0px;
        left:0px;    
        width:244px;
        height:75px;    
        background-size:cover;     
        top: 0px;   
        background-repeat: no-repeat;     
    }
    
    #Slideshow, #slider {
        width:100%;
        height:auto;    
    }
    
    #Navigation {
        position:static;
    }
    
    #MainHeader {
        position:static;    
        padding-top:6px;    
    }
    
    #SearchBox {
        display:none;
    }
    
    #MiddleNavigation {
        width:auto;
        height:auto;     
        background: none;    
    }
    
    #MiddleNavigation .Wrapped {
        width: 100%;
    }
    
    #MiddleNavigation .Links {
        display:block;
        margin:0px;    
    }
    
    #MiddleNavigation .Links a{
        background-image: url('../Images/SubNavTexture.png');
        background-color: #018852;
        line-height: 48px;
        width: 100%;
        margin-top: 5px;              
        margin-right: 0px;
            
    }
    
    #MiddleNavigation .SocialMedia {
        width: 270px;
        display:block;
        margin:auto;     
        float:none;           
    }
    
    .InsideCC, .Students, .Faculty, .OnlineClasses {    
        margin-top: 0px;
    }
    
    #MainContent {
        width:94%;
        padding: 0 3%;    
    }
    
    #MainFooter .Wrapped {
        width:100%;
    }
        #MainFooter .Addresses {
            width:auto;
        }    
        
        #MainFooter .ContactUs {
            margin-left:0px;
        }
        
        #MainFooter .Hours {
            display:block;
        }        
                
        #MainFooter .HoursDot {
            display:none;
        }    
            
        #MainFooter .FooterMiniMenu {
            margin-left: 0px; 
            margin-top:0px;                      
        }        
        #MainFooter .FooterMiniMenu a {
            display:block;    
            margin-bottom:20px;
            font-size:1.25em;                                            
        }   
        #MainFooter .Spacer {
            display:none;
        }    
            
    #MainFooter .Column1 a, #MainFooter .ResumeButton {
       /* width: 157px;
        height: 32px;
        background-size: cover%;
        display: inline-block;
        font-size: .8em;    */
    }
    
    .ThirdWidth, .TwoThirdWidth {
        display:block;
        width: 100% !important;    
    }
    
    #MainFooter .Column1, #MainFooter .Column2, #MainFooter .Column3, #MainFooter .Column4, #MainFooter .Column5, #MainFooter .ContactUs, #MainFooter .FooterMiniMenu  {
        display:block;/*
        width: 90%;    
        padding: 0 5%; */
        margin-bottom: 21px;      
    }
    
    #MainFooter .Column1, #MainFooter .Addresses {
        width: 90%;    
        padding: 0 5%;   
    }
                
    #MainFooter .FooterLinkBox {
        margin: 0px !important;
    }
    
        #MainFooter .Hours {
            line-height:25px;
        }
                
    #MainFooter .Apply, #MainFooter .Register, #MainFooter .CampusMaps, #MainFooter .Careers, #MainFooter .RequestTranscripts, #MainFooter .OnlineResume {
            /*width: 26px;
            height: 26px;
            background-size: 57%;*/
        }        
    
    #MainFooter .Column4 .ResumeButton {
        display:none;    
    }
    
    #MainFooter .Column1 .ResumeButton {
        display:block;
        margin-left:0px;    
        background-image: url('../Images/FooterButtonYellow.png');    
    }
            
    .HomePage .arl, .HomePage .arr {
        position: absolute;        
        bottom: -40px;
        width: 25px;
        height: 25px;
        padding: 12px;
        margin-top: 10px;            
        top: auto;               
    }
      
    .HomePage .arr {
        bottom: -40px;
        left: 50%;
        margin-left: 50px;
        width: 25px;
        height: 25px;
        padding: 12px;
        margin-top: 10px;                   
        right: auto;        
    }
            
    .HomePage .arl {
        bottom: -40px;
        right: 50%;
        margin-right: 50px;        
        width: 25px;
        height: 25px;
        padding: 12px;
        margin-top: 10px;
        left: auto;                           
    }
        
    .arl i, .arr i {
        transform: scale(2);                   
    }
    
    .jcarousel {
            width: 90% !important;
            margin:0px auto 50px auto;        
        }   
    /* ================================================================================== */
    /* ======================= NAVIGATION (FLY OUT MENU DEFAULTS) ======================= */

    #MainNavigationBox 
    {
        width:0px;
        /*display: none;*/
    }
    .MainNavigation { 
        display:none;
    }
    #MainNavigation {
        width:0px;
        position:static;
    }
    
    
    #MobileNavigationButton {
        float: right;
        display: block;
        position: absolute;
        top: 6px;
        right: 0px;
        width: 78px;
        height: 22px;
        background-image: url('../Images/Menu.png');
        padding: 5px;
        background-repeat: no-repeat;
        background-position: 5px 5px;
    }

        #MobileNavigationButton:hover {
            background-color: #ccc;
        }

    #MobileNavigation {
        display: block;
        position: absolute;
        left: 0px;
        width: 230px;
        height: 100%;
        top: 0;
        background-color: #646464;
        z-index: 99999;
        overflow-y: auto;
        overflow-x: hidden;
        border-right: 1px solid rgb(51, 51, 51);
        left: -240px;
    }

        #MobileNavigation ul {
            margin-top: 0px;
            box-shadow: 0px 0px 8px rgb(51, 51, 51);
            width:230px;        
        }

            #MobileNavigation ul li {
                display: block;
                line-height: 48px;
                border-bottom: 1px solid #232323;
                border-top: 1px solid #3d3d3d;
            }

                #MobileNavigation ul li a {
                    color: white;
                    padding-left: 15px;
                    background-color: #333333;
                }

                #MobileNavigation ul li ul {
                    display:none;
                }

                    #MobileNavigation ul li ul li {
                        border-bottom: 1px solid #999;
                        border-top: 0px;
                    }

                        #MobileNavigation ul li ul li a {
                            background-color: #ccc;
                            color: #000;
                            font-size:75%        
                        }
span.fa.fa-book {
    margin-left: 7px;
    margin-top: 5px;
    font-size: 31px;
}
    /* ================================================================================== */
    /* ======================= END NAVIGATION =========================================== */
        
        .CalendarListBoxParent {
    width: 95% !Important;
background-color: #AAAAAA;
border: 2px solid #AAAAAA;
border-radius: 25px;
padding: 20px;
            margin:10px 0px;        
}        
            .HomeBulldogsAhtleticsImage img, .HomeWhyChooseCCImage img, .HomeCourseScheduleImage img, .HomeRegOnlineImage img {
    width:260px
}    

/*DO NOT DELETE THIS LINE*/}
    
    /*DO NOT DELETE THIS LINE*/@media screen and (max-width: 767px) { 
    /* Phone only */
                .CalendarListBoxParent {
    width: 85% !Important;
background-color: #AAAAAA;
border: 2px solid #AAAAAA;
border-radius: 25px;
padding: 20px;
            margin:10px 0px;        
}        
        .BlogListText {
display: block;
vertical-align: top;
width: 280px;
padding-left:0px;
}    
        }