﻿@media only screen and (max-width: 960px) {
    
    
    
    .hideformobile,#header2,#breadcrumb,.featuredarticlecontainer,.smallboxbottom2,.smallboxcorner2,.smallbox3containerLeft,
    .smallbox3containerRight,.smallbox2,.homesearch a,.imagearea1 .imagespacer,.leftcontainerbottom,
    .leftcontainercorner,.rightcontainerbottom,.rightcontainercorner,.rightcontainerdivbox3,
    .rightcontainerdivcorner,.topcontainer .arrowlink,.leftcontainerdivcorner,.leftcontainerdivbox,
    .mobilemapwrap,.mapbutton,.invisible{display:none !important;}
    
    .showformobile,.homesearch{display:block !important;}
        
    input{font-size:1.4em !important;}
    
    /* Things we change */
    
    /* Every Page */
    #container{width:100%;margin-top:0;}
    #search{width:100%;}
    
    
    #splashmobile{text-align:center;width:100%;height:100%;}
    #splashmobile img{margin:15% 5%;clear:both;width:90% !important;height:auto !important;width:auto\9;}
    #splashmobile a{display:block;font-size:170%;width:35%;float:left;text-decoration:underline;color:#eee;font-family: 'Open Sans', sans-serif;font-weight:bold;}
    #splashmobile a.left{text-align:right;padding:30px 10% 30px 5%;}
    #splashmobile a.right{text-align:left;padding:30px 5% 30px 10%;}
    
    #mobilehead{background:#262626 url(http://www.historicplaces.ca/hpcommon/hpimages/splashbg.gif) center left repeat-x;;margin-bottom:1px;height:64px;width:100%;text-align:left;}
    #mobilehead a,#mobilehead img{border:none;}
    #mobilelang a{display:block;position:absolute;top:5px;right:5px;font-weight:bold;text-decoration:none;color:#fff;font-size:1.2em;}
    
    
    #menuroll{width:100%;text-align:center;background-color:#4d4d4d;font-size: 1em;color:#fff;padding:15px 0;font-weight:bold;cursor:pointer;border-bottom:1px solid #fff;}
    #menuroll:hover{color: #89d5f5;}
    
    #nav1{width:100%;display:none;}
    #nav1{height:auto;text-align:center;background-color:#4d4d4d;background-position:bottom left;width:100%;}
    #nav1 ul {height:auto;width:100%;padding:0;}
	#nav1 ul li{float:none;text-align:center;left:0px;width:100% !important;padding:0;}
    #nav1 ul li a{display:block;width:100%;padding:15px 0;}
    #nav1 ul li ul li{display:none !important;}
    
    div.leftcontainer{float:none;padding:10px;}
    h1.red{font-size:1.2em;}
    
    /* HomePage */
    
    #content,.smallboxcontainer2,.homesearch{width:100% !important;}
    .homesearch{padding:0 !important;background-image:none !important;float:none;height:auto !important;}
    /*div.smallbox2*/
    .homesearch h2{padding:10px 0 10px 10px !important;}
    .smallbox2 input{width:94% !important;margin:0 0 10px 2%;}
    .imagearea1{width:100% !important;height:auto !important}
    .imagearea1 div.bluetextbox,.imagearea1 div.slatetextbox{width:100%;height:auto;margin-bottom:2px;background-image:none;}
    .imagearea1 div.bluetextbox a img,.imagearea1 div.slatetextbox a img{float:left;margin:10px;}
    .imagearea1 div.bluetextbox a h4,.imagearea1 div.slatetextbox a h4{margin-top:10px;}    
    
    
    
    /* Page2Column*/
    #maincontent{background-image:none;width:100%;}
    #maincontent .leftcontainer{float:none !important;width:auto !important;min-height:100px !important;float:right;}
    #maincontent .rightcontainer{width:100% !important;min-height:100px;padding-left:0;padding-right:0;}
    
    #maincontent .rightcontainer>div{padding-left:10px;padding-right:10px;}
    div.rightcontainerpadding{padding-left:10px;padding-right:10px;}
    .topcontainer h2{padding:0 0 10px 0;}
    .topcontainer input{width:94% !important;margin:0 0 0 2%;}
    .sidebarheaderbox{width:100% !important;}
    
    
    /* SearchResults */
    
    .resultbox{height:auto !important;}
    .resultbox,.resulttext{width:100% !important;}
    .resulttext{padding-top:10px !important;}
    .advsearchfield{width:92% !important;max-width:92% !important;margin:0 0 0 4%;}
    .mobilepagedropdown{float:none !important;}
    
    
    /* PlacePage */
    
    #leftcontainertextbox,#rightcontainertextbox{padding:10px;}
    #leftcontainertextbox{width:auto;}
    #map_place{display:none !important;}
    #placeprint{display:none !important;}
    
    div.imagearea2{width:100%;height:auto;margin:0 0 10px 0;}
    div.placebox{width:33.3%;height:auto;background:none;margin:0;}
    div.redbox2container,div.redtextbox2image{width:100%;height:auto;}
    div.redtextbox2image{background:none;margin:0;}
    div.redtextbox2image a{width:100%;display:block;}
    div.redtextbox2image img{max-width:100% !important;width:100% !important;height:auto !important;width:auto\9;background:none;}
    div.redtextbox2,div.redtextbox2bottom{display:none;}
    
    
    /* ImageDetails */
    
    div.fullwidthcontainer,div.fullwidth,div.fullwidthbottom{width:100%;background:#F2F2F2;}
    div.fullwidthcontainer div{}
    div.fullwidth{padding:0 0 10px 0;background-image:none;}
    div.fullwidth h4{padding:10px !important;}
    div.fullwidth p{padding:0 10px !important;}
    div.fullwidthdivcorner,div.fullwidthbottom{display:none;}
    
    div.leftimagebox{float:none;width:100%;}
    div.leftimagebox img{max-width:100% !important;width:100% !important;height:auto !important;width:auto\9;border:none !important;}
    div.rightimagedescription{padding:10px  0;width:auto;}    
 
    #footer{width:100%;background:#fff;border-top:1px solid #4d4d4d; height:auto;padding-top:6px;margin-top:-2px;z-index:9999;}
    div.socialmedialist{width:120px;}
    div.footerText{display:block;}
}