@media only screen and (max-width: 1009px), 
       only screen and (max-device-width: 1024px) and (orientation: landscape) {
                     
  body {
    -webkit-text-size-adjust:none !important;
    -ms-text-size-adjust:none !important;
  }   
  #footer {font-size:1.1em}    
  #footer .address1, 
  #footer .address2,
  #footer .address3 {
    line-height:1.7em
  }  
  #footer > .wrap {
    padding:0 10px;
  }  
	#brandings {
		margin-right:10px;
	}    
	
	#content {
	  border-left:none;
	  border-top:none;
	} 
	.content > .wrap img {
    max-width:100%;
  }     
}           

@media only screen and (max-width:999px) { 
  #header ul.nav > li {
    display:none;
  }
  #header ul.nav > li.responsive {
    display:block;
  }      
  #header li:hover > ul.selly-hmenu {        
    opacity:0  !important;
    visibility:hidden !important;
  } 
  #header ul.nav > li > a:hover,
  #header ul.nav > li:hover > a {
  }  
}

@media only screen and (max-width:900px) { 
  #breadcrumbs {
    padding-left:10px;
    padding-right:10px;
  }
  
  #boxes {
    float: none;
    width: 100%;   
  } 
  #boxes > .box {
    float:none;width:100%;
    margin: 5px auto;
  }
  #content .hasBoxes {float:none;width:100%}  
  
  #footer > .wrap .address1 {
    width: 49%;
    text-align:center;
  }
  #footer > .wrap .address2 {
    float:right;
    width: 50%;
    text-align:center;
    padding-right:0;
  } 
  #footer > .wrap .address3:before {
    content: ".";
    display: block;
    clear: both;
    font-size: 0;
    height: 15px;
    visibility: hidden;
  }       
  #footer > .wrap .address3 {
    float:none; 
    width: 50%;
    text-align:center; 
    margin:0 auto;      
  }  
  
  #content .contact .forms .k2textInput, 
  #content .contact .forms .k2dropdownInput {
    max-width:100%;
  } 
  
  #footer > .wrap .quickContact1 {
    float:none;
    width: 100%;
    text-align:center;
  }   
  #footer > .wrap .quickContact2:before {
    content: ".";
    display: block;
    clear: both;
    font-size: 0;
    height: 15px;
    visibility: hidden;
  }       
  #footer > .wrap .quickContact2 {
    float:none; 
    width: 100%;
    margin:0 auto;      
  }     
  #footer .formleft {
    float:none;width:100%;
  } 
  #footer .formright {
    float:none;width:100%;
  }    
  
  #brandings {
    margin:15px 0 0 0;    
  }  
  div.columns6 > .column,
  div.columns7 > .column,
  div.columns8 > .column,
  div.columns9 > .column,
  div.columns10 > .column {width:20%}                              
} 

@media only screen and (max-width:768px) {
  #content .extraStripBoxes .table3 > .row3 {display:table-row;}
  #content .extraStripBoxes .table4 > .row3 {display:table-row;}
  
  div.columns5 > .column,
  div.columns6 > .column,
  div.columns7 > .column,
  div.columns8 > .column,
  div.columns9 > .column,
  div.columns10 > .column {width:25%}   	       	
}

@media only screen and (max-width:480px) { 
	#background {
	  display:none;
	}
  #content .content > .wrap {
    padding:5px;
  }
  #content .extraStrip > .wrap {
    padding:5px;
  } 
	#content .extraStrip {
	  margin: 0 5px;
	}  
	#content .extraStripBoxes .table .col > .wrap {
	  padding:5px;
	}
	#content .extraStripBoxes .table {
	  border-spacing: 5px 5px;
	}	
  	
  #footer > .wrap .address1 {
    float:none;
    padding-right:0;
    width: 100%;
    text-align:center;
  }
  #footer > .wrap .address2:before {
    content: ".";
    display: block;
    clear: both;
    font-size: 0;
    height: 15px;
    visibility: hidden;
  }    
  #footer > .wrap .address2 {
    float:none;
    padding-right:0;
    width: 100%;
    text-align:center;
  }       
  #footer > .wrap .address3 {
    float:none;
    padding-right:0;
    width: 100%;
    text-align:center;
  }      
  
  #content .extraStripBoxes .table > .row {display:table-row;}
    
  div.columns3 > .column,
  div.columns4 > .column,
  div.columns5 > .column,
  div.columns6 > .column,
  div.columns7 > .column,
  div.columns8 > .column,
  div.columns9 > .column,
  div.columns10 > .column {width:33.33333%}                                      
} 

@media only screen and (max-width:320px) {
  div.columns3 > .column,
  div.columns4 > .column,
  div.columns5 > .column,
  div.columns6 > .column,
  div.columns7 > .column,
  div.columns8 > .column,
  div.columns9 > .column,
  div.columns10 > .column {width:33.33333%}    
}