﻿
  @media (min-width:980px) and (max-width:1099px)
{
    
    ul.FD_LinkBox li{list-style-image:none;display:table-column;font-size:15px;text-transform:uppercase;
                 width:46%;margin:5px 1% 5px 0;float:left;padding:1%;border:solid 1px #fba03e;}
                 
    .ActivityBlock{width:41%;height:180px;float:left;margin:10px 3%;border:solid 1px #cacaca;text-align:center;padding:10px 1%;}
    
}
 @media (min-width:600px) and (max-width:979px)
{
    .Category{display:block;}
    .FD_ModuleHolder{display:none;z-index:10;float:none;background:white;padding:10px 0px 0 0;width:88%;}
    .FD_MainContentWithModule{float:none;}
    .FD_Module1,.FD_Module3,.FD_Module7,.FD_Module8,.FD_Module9{background-image:none;}
    .FD_Module1:hover,.FD_Module1Active,.FD_Module3:hover,.FD_Module3Active,.FD_Module7:hover,.FD_Module7Active,
    .FD_Module8:hover,.FD_Module8Active,.FD_Module9:hover,.FD_Module9Active{background-image:none;color:White;}
    
    #FD_MainHeader{font-size:38px;}
    h1{font-size:24px;}
    h2{font-size:16px;}
    ul.FD_ListBox li{width:46%;}
    ul.FD_LinkBox li{width:46%;}
   
    .two_Column{width:96%;float:none;}
    .Three_Column{width:46%; min-height:210px;}
    
    .Even_Block{width:96%}
    .CalBoxColor{width:5%;height:20px;float:right;margin:0 0 0 2%;border:solid 1px #ededed;}
    .CalBoxText{float:right;margin-left:2%;font-size:13px;width:12%;}
    .CalDdlBlock{padding:5px 10% 4px 0;float:none; width:90%;}
    .ActivityBlock{width:41%;height:180px;float:left;margin:10px 3%;border:solid 1px #cacaca;text-align:center;padding:10px 1%;}
    .SmallBlock{width:29%;padding:1% 0.8%;margin:1% 1%;}
    .Three_ColumnItem{width:46%; margin:0.5%;padding:1%;}
   
}
@media (min-width:200px) and (max-width:599px)
{
    .Category{display:block;}
    .FD_ModuleHolder{display:none;z-index:10;float:none;background:white;padding:10px 0px 0 0;width:88%;}
    .FD_MainContentWithModule{float:none;}
    .FD_Module1,.FD_Module3,.FD_Module7,.FD_Module8,.FD_Module9{background-image:none;}
    .FD_Module1:hover,.FD_Module1Active,.FD_Module3:hover,.FD_Module3Active,.FD_Module7:hover,.FD_Module7Active,
    .FD_Module8:hover,.FD_Module8Active,.FD_Module9:hover,.FD_Module9Active{background-image:none;color:White;}
    
    #FD_MainHeader{font-size:32px;}
    h1{font-size:19px;}
    h2{font-size:15px;}
    ul.FD_ListBox li{width:96%;}
    ul.FD_LinkBox li{width:96%;}
    .DownloadBox{width:96%;}
    .DownloadBlock{width:96%;}
    .two_Column{width:96%;float:none;}
    .Three_Column{width:97%; min-height:210px;}
    .three_block,.four_block{width:96%;}
    .three_block img,.four_block img{height:auto;}
    .Even_Block{width:95%;padding:5px 1% 0 2% ;}
    .Even_Block img{width:100%;height:auto; float:none;margin-bottom:10px;}
    .HalfHalf{width:98%;float:none;margin:10px 1% 10px 1%;}
    .CalDdlBlock{padding:5px 20% 4px 0;width:80%;}
    .CalBoxColor{width:5%;height:20px;float:right;margin:0 2% 0 2%;border:solid 1px #ededed;}
    .CalBoxText{float:right;margin-left:2%;font-size:13px;width:38%;}
    .ActivityBlock{width:92%;height:180px;float:left;margin:10px 3%;border:solid 1px #cacaca;text-align:center;padding:10px 1%;}
    .Even_BlockSmall{width:95%;padding:1%;float:left;min-height:70px;text-align:left;margin:1%;background-position:62px 10px;}
    .Even_BlockSmall img{width:50px;height:50px; float:left;margin:0 15px 0 0px;border:solid 2px #cacaca;}  
    .SmallBlock{width:45%;padding:1% 1%;margin:1% 1%;}
     .Three_ColumnItem{width:96%; margin:0.5%;padding:1%;}
    .DetailText img{float:none;}
     .DetailText2 img{float:none;}
    
    .yt_holder ul li { width: 95%;  margin: 1%; padding:1%;}    
    .yt_holderPop ul li { width: 95%;  margin:5px 1%;	padding:1%;}   
    
}

/*For Block Only*/
 @media (min-width:600px) and (max-width:749px)
{
    .three_block{width:66%;padding:0 15%;}
    .three_block img{height:auto;width:100%;}
    .four_block{width:46%;}
    .DownloadBox{width:46%;}
    .DownloadBlock{width:45%;}
    /*Gallery*/
    #vlightbox1 .vlightbox1 {margin:10px 1% 10px 3%;}
    #vlightbox2 .vlightbox2 {margin:10px 1% 10px 3%;}
    #vlightbox3 .vlightbox3 {margin:10px 1% 10px 3%;}
    #vlightbox4 .vlightbox4 {margin:10px 1% 10px 1.8%;}
}
 @media (min-width:750px) and (max-width:979px)
{
    .DownloadBox{width:29%;}
    .DownloadBlock{width:28%;}
    /*Gallery*/
    #vlightbox1 .vlightbox1 {margin:10px 2% 10px 3%;}
    #vlightbox2 .vlightbox2 {margin:10px 2% 10px 3%;}
    #vlightbox3 .vlightbox3 {margin:10px 2% 10px 3%;}
    #vlightbox4 .vlightbox4 {margin:10px 2% 10px 3%;}
    
}