@media only screen and (min-width : 1400px) {

#mobilmenu {
display:none;
}

#mobilbanner {
display:none;		
}
  
#mid0 {
width: 100%;
height: auto;
float: left;
margin-top:146px;
margin-bottom:50px;
background: #efefef;
}

#midcontent0 {
width: 1400px;
height: auto;
margin-left:auto;
margin-right:auto;
padding-top:30px;
padding-bottom:150px;
} 
  
#contentleft {
width: 38%;
height: auto;
float:left;
margin-left:2%;
margin-top:0px;
margin-bottom:40px;
}  
  
#contentleft img {
width: 100%;
height: auto;
float:left;
margin-top:10px;
}    
  
#content {
width: 50%;
height: auto;
float:left;
padding-right:5%;
padding-left:5%;
margin-top:0px;
margin-bottom:30px;
}

#content h1 {
font-size:40px;
line-height:44px;
font-weight:600;
color:#9b0018;
margin-top:30px;
margin-bottom:30px;
}
  
#content p {
font-size:18px;
line-height:21px;
font-weight:300;
color: #000;
}
  
#content a:link,
#content a:visited {
font-size:15px;
line-height:22px;
font-weight:500;
color:#fff;
background:#990017;
padding:8px;
text-decoration:none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
  
#content a:hover {
color:#fff;
text-decoration:underline;  
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}   
   
#mid3 {
width: 100%;
height: auto;
float: left;
margin-top:20px;
}

#midcontent3 {
width: 1400px;
height: auto;
margin-left:auto;
margin-right:auto;
}
  
#frontvideotext   {
width: 80%;
height: auto;
float:left;
margin-top:0px;
margin-bottom:20px;
margin-left:10%;
margin-right:10%;  
}   
  
#frontvideotext h2  {
font-size:40px;
line-height:44px;
font-weight:600;
color:#9b0018;
margin-top:10px;
margin-bottom:30px;
text-align:center;
} 
  
#frontvideotext p  {
font-size:18px;
line-height:24px;
font-weight:300;
color:#000;
margin-top:10px;
margin-bottom:10px;
text-align:center;
}   
  
#frontvideo1 .mod-custom.custom,
#frontvideo2 .mod-custom.custom,
#frontvideo3 .mod-custom.custom,
#frontvideo4 .mod-custom.custom {
width: 20.8%;
height: 400px;
float:left;
margin-left:1%;  
margin-right:1%;
padding:1%;
margin-top:0px;
margin-bottom:0px;
}

#frontvideo1 h3,
#frontvideo2 h3,
#frontvideo3 h3,
#frontvideo4 h3 {
font-size:24px;
line-height:24px;
font-weight:600;
color:#9b0018;
margin-top:0px;
margin-bottom:10px;
text-align:center !important;
}
  
#mid1 {
width: 100%;
height: auto;
float: left;
margin-top:40px;
}

#midcontent1 {
width: 1400px;
height: auto;
margin-left:auto;
margin-right:auto;
}
  
#frontboxtext   {
width: 80%;
height: auto;
float:left;
margin-top:0px;
margin-bottom:20px;
margin-left:10%;
margin-right:10%;  
}   
  
#frontboxtext h2  {
font-size:40px;
line-height:44px;
font-weight:600;
color:#9b0018;
margin-top:10px;
margin-bottom:30px;
text-align:center;
} 
  
#frontboxtext p  {
font-size:18px;
line-height:24px;
font-weight:300;
color:#000;
margin-top:10px;
margin-bottom:10px;
text-align:center;
}   
  
#frontbox1 .mod-custom.custom,
#frontbox2 .mod-custom.custom,
#frontbox3 .mod-custom.custom,
#frontbox4 .mod-custom.custom,
#frontbox5 .mod-custom.custom,
#frontbox6 .mod-custom.custom   {
width: 29%;
height: 240px;
float:left;
margin-left:1%;  
margin-right:1%;
padding:1%;
margin-top:0px;
margin-bottom:0px;
}  
  
#frontbox1 img,
#frontbox2 img,
#frontbox3 img,
#frontbox4 img,
#frontbox5 img,
#frontbox6 img  {
width: 100%;
height: auto;
margin-top:0px;
margin-bottom:10px;
box-shadow: 0px 5px 8px #eee;
}   
  
#frontbox1 h3,
#frontbox2 h3,
#frontbox3 h3,
#frontbox4 h3,
#frontbox5 h3,
#frontbox6 h3  {
font-size:30px;
line-height:34px;
font-weight:600;
color:#fff;
margin-top:-160px;
margin-bottom:10px;
text-align:center !important;
} 
  
#frontbox1 p,
#frontbox2 p,
#frontbox3 p,
#frontbox4 p,
#frontbox5 p,
#frontbox6 p {
font-size:16px;
line-height:14px;
font-weight:600;
color:#fff;
margin-top:10px;
margin-bottom:10px;
text-align:center;
} 
  
#frontbox1 a:link,
#frontbox2 a:link,
#frontbox3 a:link,
#frontbox4 a:link,
#frontbox5 a:link,
#frontbox6 a:link,
#frontbox1 a:visited,
#frontbox2 a:visited,
#frontbox3 a:visited,
#frontbox4 a:visited,
#frontbox5 a:visited,
#frontbox6 a:visited {
color:#fff;
text-decoration: none;
}
  
#frontbox1 a:hover,
#frontbox2 a:hover,
#frontbox3 a:hover,
#frontbox4 a:hover,
#frontbox5 a:hover,
#frontbox6 a:hover {
color:#fff;
text-decoration:underline;  
}   

#mid2 {
width: 100%;
height: 1080px;
float: left;
margin-top:60px;
margin-bottom: 0px;
background: #efefef;
}

#midcontent2 {
width: 1400px;
height: auto;
margin-left:auto;
margin-right:auto;
}
  
#referenceboxtext   {
width: 80%;
height: 300px;
float:left;
margin-top:30px;
margin-bottom:20px;
margin-left:10%;
margin-right:10%;  
}   
  
#referenceboxtext h2  {
font-size:40px;
line-height:44px;
font-weight:600;
color:#9b0018;
margin-top:10px;
margin-bottom:30px;
text-align:center;
} 
  
#referenceboxtext p  {
font-size:18px;
line-height:24px;
font-weight:300;
color:#000;
margin-top:10px;
margin-bottom:10px;
text-align:center;
}   
  
#referencebox1,
#referencebox2,
#referencebox3,
#referencebox5 {
width: 456px;
height: 390px;
float:left;
margin-right:10px;
margin-bottom:10px;
}
  
#referencebox1 img,
#referencebox2 img,
#referencebox3 img,
#referencebox5 img {
width: 100%;
height: auto;
float:left;
}   
  
#referencebox4 {
width: 922px;
height: 390px;
float:left;
margin-bottom:10px;
margin-right:10px;
}
  
#referencebox4 img {
width: 100%;
height: auto;
margin-top:10px; 
}
    
#referencebox1 p,
#referencebox2 p,
#referencebox3 p,
#referencebox5 p {
font-size:30px;
line-height:34px;
font-weight:600;
color:#fff;
margin-top:-160px;
margin-bottom:10px;
text-align:center !important;
} 
  
#referencebox4 p {
font-size:30px;
line-height:34px;
font-weight:600;
color:#fff;
margin-top:-160px;
margin-bottom:10px;
text-align:center !important;
}   
  
#referencebox1 a:link,
#referencebox1 a:visited,
#referencebox2 a:link,
#referencebox2 a:visited,
#referencebox3 a:link,
#referencebox3 a:visited,
#referencebox4 a:link,
#referencebox4 a:visited,  
#referencebox5 a:link,
#referencebox5 a:visited {
font-size:14px;
line-height:22px;
font-weight:500;
color:#fff;
background:#990017;  
padding:8px;
text-decoration:none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}   
  
#referencebox1 a:hover,
#referencebox2 a:hover,
#referencebox3 a:hover,
#referencebox4 a:hover,
#referencebox5 a:hover {
color:#fff;
text-decoration:underline;  
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}   
  
  
  

  
#frontbanner {
width: 100%;
height: auto;
float: left;
margin-bottom:0px;
}  
  
}

/************************************************************************************
For Tablets
*************************************************************************************/
@media screen and (min-width: 768px) and (max-width: 1399px) {


#mobilmenu {
display:none;
}

#mobilbanner {
display:none;		
}
  
#mid0 {
width: 96%;
height: auto;
float: left;
margin-top:146px;
margin-bottom:50px;
padding-left:2%;
padding-right:2%;  
background: #efefef;
}

#midcontent0 {
width: 100%;
height: auto;
margin-left:auto;
margin-right:auto;
} 
  
#contentleft {
width: 40%;
height: auto;
float:left;
margin-top:20px;
margin-bottom:30px;
}  
  
#contentleft img {
width: 100%;
height: auto;
float:left;
margin-top:-10px;
}    
  
#content {
width: 57%;
height: auto;
float:left;
padding-left:3%;
margin-top:30px;
margin-bottom:30px;
}

#content h1 {
font-size:32px;
line-height:28px;
font-weight:600;
color:#9b0018;
margin-top:10px;
margin-bottom:10px;
}
  
#content p {
font-size:15px;
line-height:19px;
font-weight:300;
color: #333;
}
  
#content a:link,
#content a:visited {
font-size:13px;
line-height:22px;
font-weight:500;
color:#fff;
background:#990017;
padding:8px;
text-decoration:none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
  
#content a:hover {
color:#fff;
text-decoration:underline;  
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}
  
#mid3 {
width: 100%;
height: auto;
float: left;
margin-top:30px;
}

#midcontent3 {
width: 96%;
height: auto;
margin-left:2%;
margin-right:2%;
}
  
#frontvideotext   {
width: 80%;
height: auto;
float:left;
margin-top:0px;
margin-bottom:20px;
margin-left:10%;
margin-right:10%;  
}   
  
#frontvideotext h2  {
font-size:40px;
line-height:44px;
font-weight:600;
color:#9b0018;
margin-top:10px;
margin-bottom:30px;
text-align:center;
} 
  
#frontvideotext p  {
font-size:18px;
line-height:24px;
font-weight:300;
color:#000;
margin-top:10px;
margin-bottom:10px;
text-align:center;
}   
  
#frontvideo1 .mod-custom.custom,
#frontvideo2 .mod-custom.custom,
#frontvideo3 .mod-custom.custom,
#frontvideo4 .mod-custom.custom {
width: 20.8%;
height: auto;
float:left;
margin-left:1%;  
margin-right:1%;
padding:1%;
margin-top:0px;
margin-bottom:10px;
}

#frontvideo1 h3,
#frontvideo2 h3,
#frontvideo3 h3,
#frontvideo4 h3 {
font-size:24px;
line-height:24px;
font-weight:600;
color:#9b0018;
margin-top:0px;
margin-bottom:10px;
text-align:center !important;
}  
  
#mid1 {
width: 100%;
height: auto;
float: left;
margin-top:60px;
}

#midcontent1 {
width: 96%;
height: auto;
margin-left:2%;
margin-right:2%;
}
  
#frontboxtext   {
width: 80%;
height: auto;
float:left;
margin-top:0px;
margin-bottom:20px;
margin-left:10%;
margin-right:10%;  
}   
  
#frontboxtext h2  {
font-size:34px;
line-height:34px;
font-weight:600;
color:#9b0018;
margin-top:10px;
margin-bottom:30px;
text-align:center;
} 
  
#frontboxtext p  {
font-size:16px;
line-height:22px;
font-weight:300;
color:#000;
margin-top:10px;
margin-bottom:10px;
text-align:center;
}   
  
#frontbox1 .mod-custom.custom,
#frontbox2 .mod-custom.custom,
#frontbox3 .mod-custom.custom,
#frontbox4 .mod-custom.custom,
#frontbox5 .mod-custom.custom,
#frontbox6 .mod-custom.custom   {
width: 29%;
height: 200px;
float:left;
margin-left:1%;  
margin-right:1%;
padding:1%;
margin-top:0px;
margin-bottom:0px;
}  
  
#frontbox1 img,
#frontbox2 img,
#frontbox3 img,
#frontbox4 img,
#frontbox5 img,
#frontbox6 img  {
width: 100%;
height: auto;
margin-top:0px;
margin-bottom:10px;
box-shadow: 0px 5px 8px #eee;
}   
  
#frontbox1 h3,
#frontbox2 h3,
#frontbox3 h3,
#frontbox4 h3,
#frontbox5 h3,
#frontbox6 h3 {
font-size:24px;
line-height:24px;
font-weight:600;
color:#fff;
margin-top:-120px;
margin-bottom:10px;
text-align:center !important;
} 
  
#frontbox1 p,
#frontbox2 p,
#frontbox3 p,
#frontbox4 p,
#frontbox5 p,
#frontbox6 p {
font-size:14px;
line-height:16px;
font-weight:600;
color:#fff;
margin-top:10px;
margin-bottom:10px;
text-align:center;
}
  
#frontbox1 a:link,
#frontbox2 a:link,
#frontbox3 a:link,
#frontbox4 a:link,
#frontbox5 a:link,
#frontbox6 a:link,
#frontbox1 a:visited,
#frontbox2 a:visited,
#frontbox3 a:visited,
#frontbox4 a:visited,
#frontbox5 a:visited,
#frontbox6 a:visited {
color:#fff;
text-decoration: none;
}
  
#frontbox1 a:hover,
#frontbox2 a:hover,
#frontbox3 a:hover,
#frontbox4 a:hover,
#frontbox5 a:hover,
#frontbox6 a:hover {
color:#fff;
text-decoration:underline;  
}   
  
#mid2 {
width: 100%;
height: auto;
float: left;
margin-top:60px;
margin-bottom: 0px;
padding-bottom:40px;
background: #efefef;
}

#midcontent2 {
width: 98%;
height: auto;
margin-left:1%;
margin-right:1%;
}
  
#referenceboxtext   {
width: 80%;
height: auto;
float:left;
margin-top:30px;
margin-bottom:20px;
margin-left:10%;
margin-right:10%;  
}   
  
#referenceboxtext h2  {
font-size:34px;
line-height:34px;
font-weight:600;
color:#9b0018;
margin-top:10px;
margin-bottom:30px;
text-align:center;
} 
  
#referenceboxtext p  {
font-size:16px;
line-height:24px;
font-weight:300;
color:#000;
margin-top:10px;
margin-bottom:10px;
text-align:center;
}   
  
#referencebox1,
#referencebox2,
#referencebox3,
#referencebox5 {
width: 31.3%;
height: auto;
float:left;
margin-left:1%;
margin-right:1%;
margin-bottom:1%;
}
  
#referencebox1 img,
#referencebox2 img,
#referencebox3 img,
#referencebox5 img {
width: 100%;
height: auto;
float:left;
}  
  
#referencebox4 {
width: 64.6%;
height: auto;
float:left;
margin-left:1%;
margin-right:1%;
margin-bottom:1%;
} 
  
#referencebox4 img {
width: 100%;
height: auto;
float:left;
margin-right:1%;
margin-bottom:1%;
} 

#frontbanner {
width: 100%;
height: auto;
float: left;
margin-top:0px;
}
  
}


/************************************************************************************
For Smartphones
*************************************************************************************/
@media screen and (max-width: 767px) {

#mid0 {
width: 96%;
height: auto;
float: left;
margin-top:60px;
margin-bottom:50px;
padding-left:2%;
padding-right:2%;  
background: #efefef;
}

#midcontent0 {
width: 100%;
height: auto;
margin-left:auto;
margin-right:auto;
} 
  
#contentleft {
width: 100%;
height: auto;
float:left;
margin-top:0px;
margin-bottom:0px;
}  
  
#contentleft img {
width: 100%;
height: auto;
float:left;
margin-top:-10px;
}    
  
#content {
width: 90%;
height: auto;
float:left;
padding-right:5%;
padding-left:5%;
margin-top:0px;
margin-bottom:30px;
}

#content h1 {
font-size:32px;
line-height:32px;
font-weight:600;
color:#9b0018;
margin-top:10px;
margin-bottom:10px;

}
  
#content p {
font-size:15px;
line-height:22px;
font-weight:300;
color: #000;
}
  
#content a:link,
#content a:visited {
font-size:15px;
line-height:22px;
font-weight:500;
color:#fff;
background:#990017;
padding:8px;
text-decoration:none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
  
#content a:hover {
color:#fff;
text-decoration:underline;  
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
} 
  
#mid3 {
width: 100%;
height: auto;
float: left;
margin-top:00px;
}

#midcontent3 {
width: 96%;
height: auto;
margin-left:2%;
margin-right:2%;
}
  
#frontvideotext   {
width: 80%;
height: auto;
float:left;
margin-top:0px;
margin-bottom:20px;
margin-left:10%;
margin-right:10%;  
}   
  
#frontvideotext h2  {
font-size:32px;
line-height:32px;
font-weight:600;
color:#9b0018;
margin-top:10px;
margin-bottom:30px;
text-align:center;
} 
  
#frontvideotext p  {
font-size:15px;
line-height:22px;
font-weight:300;
color:#000;
margin-top:10px;
margin-bottom:0px;
text-align:center;
}   
  
#frontvideo1 .mod-custom.custom,
#frontvideo2 .mod-custom.custom,
#frontvideo3 .mod-custom.custom,
#frontvideo4 .mod-custom.custom {
width: 46%;
height: auto;
float:left;
margin-left:1%;  
margin-right:1%;
padding:1%;
margin-top:0px;
margin-bottom:10px;
}

#frontvideo1 h3,
#frontvideo2 h3,
#frontvideo3 h3,
#frontvideo4 h3 {
font-size:20px;
line-height:20px;
font-weight:600;
color:#9b0018;
margin-top:0px;
margin-bottom:10px;
text-align:center !important;
}  
  
#mid1 {
width: 100%;
height: auto;
float: left;
margin-top:30px;
}

#midcontent1 {
width: 96%;
height: auto;
margin-left:2%;
margin-right:2%;
}
  
#frontboxtext   {
width: 80%;
height: auto;
float:left;
margin-top:0px;
margin-bottom:20px;
margin-left:10%;
margin-right:10%;  
}   
  
#frontboxtext h2  {
font-size:32px;
line-height:32px;
font-weight:600;
color:#9b0018;
margin-top:10px;
margin-bottom:30px;
text-align:center;
} 
  
#frontboxtext p  {
font-size:16px;
line-height:22px;
font-weight:300;
color:#000;
margin-top:10px;
margin-bottom:10px;
text-align:center;
}   
  
#frontbox1 .mod-custom.custom,
#frontbox2 .mod-custom.custom,
#frontbox3 .mod-custom.custom,
#frontbox4 .mod-custom.custom,
#frontbox5 .mod-custom.custom,
#frontbox6 .mod-custom.custom   {
width: 96%;
height: auto;
float:left;
margin-left:1%;  
margin-right:1%;
padding:1%;
margin-top:0px;
margin-bottom:60px;
}  
  
#frontbox1 img,
#frontbox2 img,
#frontbox3 img,
#frontbox4 img,
#frontbox5 img,
#frontbox6 img  {
width: 100%;
height: auto;
margin-top:0px;
margin-bottom:10px;
box-shadow: 0px 5px 8px #eee;
}   
  
#frontbox1 h3,
#frontbox2 h3,
#frontbox3 h3,
#frontbox4 h3,
#frontbox5 h3,
#frontbox6 h3 {
font-size:24px;
line-height:24px;
font-weight:600;
color:#fff;
margin-top:-130px;
margin-bottom:10px;
text-align:center !important;
} 
  
#frontbox1 p,
#frontbox2 p,
#frontbox3 p,
#frontbox4 p,
#frontbox5 p,
#frontbox6 p {
font-size:15px;
line-height:16px;
font-weight:400;
color:#fff;
margin-top:10px;
margin-bottom:10px;
text-align:center;
}
  
#frontbox1 a:link,
#frontbox2 a:link,
#frontbox3 a:link,
#frontbox4 a:link,
#frontbox5 a:link,
#frontbox6 a:link,
#frontbox1 a:visited,
#frontbox2 a:visited,
#frontbox3 a:visited,
#frontbox4 a:visited,
#frontbox5 a:visited,
#frontbox6 a:visited {
color:#fff;
text-decoration: none;
}
  
#frontbox1 a:hover,
#frontbox2 a:hover,
#frontbox3 a:hover,
#frontbox4 a:hover,
#frontbox5 a:hover,
#frontbox6 a:hover {
color:#fff;
text-decoration:underline;  
}   

#mid2 {
width: 100%;
height: auto;
float: left;
margin-top:60px;
margin-bottom: 0px;
padding-bottom:40px;
background: #efefef;
}

#midcontent2 {
width: 98%;
height: auto;
margin-left:1%;
margin-right:1%;
}
  
#referenceboxtext   {
width: 80%;
height: auto;
float:left;
margin-top:30px;
margin-bottom:20px;
margin-left:10%;
margin-right:10%;  
}   
  
#referenceboxtext h2  {
font-size:34px;
line-height:34px;
font-weight:600;
color:#9b0018;
margin-top:10px;
margin-bottom:30px;
text-align:center;
} 
  
#referenceboxtext p  {
font-size:16px;
line-height:24px;
font-weight:300;
color:#000;
margin-top:10px;
margin-bottom:0px;
text-align:center;
}   
  
#referencebox1,
#referencebox2,
#referencebox3,
#referencebox5 {
width: 31.3%;
height: auto;
float:left;
margin-left:1%;
margin-right:1%;
margin-bottom:%;
}
  
#referencebox1 img,
#referencebox2 img,
#referencebox3 img,
#referencebox5 img {
width: 100%;
height: auto;
float:left;
}  
  
#referencebox4 {
width: 64.6%;
height: auto;
float:left;
margin-left:1%;
margin-right:1%;
margin-bottom:1%;
} 
  
#referencebox4 img {
width: 100%;
height: auto;
float:left;
margin-right:1%;
margin-bottom:1%;
}
  
#frontbanner {
width: 100%;
height: auto;
float: left;
margin-top:0px;
}  
  
}