@media (max-width: 1100px){
    #header-container{
        width:95%;
    }
    nav{
	    width:55%;
    }
    .search-container>h3{
	    margin-top:2.2em;
    }
    #footer-container{
        width:92%;
        min-width:inherit;
        max-width:inherit;
    }
    #footer-left{
        width:26%;
    }
    #footer-right{
        width:26%;
    }
    #footer-container p.footer-title{
        width: 45%;
    }
    .footer-facebook{
        text-align:center;
    }
    #index-vendors-items img{
        height:35px;
        opacity:1;
        border:0;
    }
    .search-container{
        min-height: 240px;
    }
    .search-container input.search-input{ 
        width:50%;
    }
    #search-results{ 
        width: calc(50% - 1em);
    }
    
    #product-content{
        width:92%;
        min-width:inherit;
        max-width:inherit;
    }
    #product-items{ 
        width:calc(48% - 4px);
        min-height: 330px;
    }
    #productinfo-model h1{
        font-size:1.6em;
        text-align: center;
        margin-left: inherit;
    }
    #productinfo-model-container{ 
        min-height:340px;
    }

    .subbanner,
    .subbanner-misc{ 
        height:360px;
    }

    
} 
@media (max-width: 800px){
    body{
        font-size:1em;
    }
    a {
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        -webkit-tap-highlight-color: transparent; 
    }
    h1{
        font-size: 2.6em;
    }
    h3{
        font-family: var(--font);
        font-size: 1.8em;
    }
    header{
        height: 50px;
    }
    nav{
        display: none;
    }
    #header-container, #menu-close{
        width:95%;
        min-width:inherit;
        margin:auto;
        text-align:center;
    }
    #header-container img{
        position: relative;
        height:40px;
        border:0;
        padding-top:0px;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        -webkit-tap-highlight-color: transparent; 
    }
    #header-signin{
        display: none;
    }
    .search-btn{
        top:0px;
    }
    .search-container input.search-input{ 
        width:80%;
    }
    #search-results{ 
        width: calc(90% - 1em);
    }
    .search-container>h3{
	    margin-top:3.4em;
    }


    #m-menu-btn, #m-menu-btn-2{
      display:inherit;
      width: 22px;
      height:35px;
      position: absolute;
      margin: 1px 0px 0px 7px;
      z-index:2200;
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: .4s ease-in-out;
      -moz-transition: .4s ease-in-out;
      -o-transition: .4s ease-in-out;
      transition: .4s ease-in-out;
      cursor: pointer;
      -webkit-tap-highlight-color: rgba(0,0,0,0);
    }
    #m-menu-btn span, #m-menu-btn-2 span{
      display: inherit;
      position: absolute;
      width: 100%;
      background: #fff;
      height: 2px;
      border-radius: 2px;
      opacity: 1;
      left: 0;
      margin-top:16px;
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: .3s ease-in-out;
      -moz-transition: .3s ease-in-out;
      -o-transition: .3s ease-in-out;
      transition: .3s ease-in-out;
    }
    #m-menu-btn span:nth-child(1), #m-menu-btn-2 span:nth-child(1) {
      top: 0px;
    }
    #m-menu-btn span:nth-child(2),#m-menu-btn span:nth-child(3), #m-menu-btn-2 span:nth-child(2),#m-menu-btn-2 span:nth-child(3) {
      top: 6px;
    }
    #m-menu-btn span:nth-child(4), #m-menu-btn-2 span:nth-child(4) {
      top: 12px;
    }
    #m-menu-btn.open span:nth-child(1), #m-menu-btn-2.open span:nth-child(1){
      top: 6px;
      width: 0%;
      left: 50%;
    }
    #m-menu-btn.open span:nth-child(2), #m-menu-btn-2.open span:nth-child(2) {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
    }
    #m-menu-btn.open span:nth-child(3), #m-menu-btn-2.open span:nth-child(3) {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg);
    }
    #m-menu-btn.open span:nth-child(4), #m-menu-btn-2.open span:nth-child(4) {
      top: 8px;
      width: 0%;
      left: 50%;
    }

    #menu-container{
        display:inherit;
        width:100%;
        background:rgba(0,0,0,0.93);
        position:fixed;
        z-index:2100;
    }
    .menu-container-slide{
        -webkit-transform:translateX(-100%);
        transform:translateX(-100%);
        opacity:0;
        -webkit-transition:opacity 0.4s ease,-webkit-transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);
        transition:opacity 0.4s ease,-webkit-transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);
        transition:opacity 0.4s ease,transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);
        transition:opacity 0.4s ease,transform 0.4s cubic-bezier(0.77, 0, 0.175, 1),-webkit-transform 0.4s cubic-bezier(0.77, 0, 0.175, 1)
    }
    .menu-container-slide-active{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        opacity:1;
        -webkit-transition:opacity 0.4s ease,-webkit-transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);
        transition:opacity 0.4s ease,-webkit-transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);
        transition:opacity 0.4s ease,transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);
        transition:opacity 0.4s ease,transform 0.4s cubic-bezier(0.77, 0, 0.175, 1),-webkit-transform 0.4s cubic-bezier(0.77, 0, 0.175, 1)
    }
    #menu-content{
        width:80%;
        height:100px;
        margin:auto;
        margin-top:50px;
        padding:0px 0px;
        overflow:auto;
        color:#fff;
        -webkit-overflow-scrolling: auto;
    }
    #menu-content::-webkit-scrollbar { 
        display: none; 
    }
    #menu-content ul{
        list-style:none;
        margin:0;
        padding:0;
        margin-top:10px;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        -webkit-tap-highlight-color: transparent; 
    }
    #menu-content li{
    }
    .menu-active:link,
    .menu-active:visited,
    .menu-active:hover{
        color:#D80000;
    }
    .mainmenu-active{
        color:#B80000;
    }
    .mainmenu{
        color:#fff;
    }
    .menu-link:link,
    .menu-link:visited,
    .menu-link:hover{
        color:#fff;
        text-decoration:none;
    }
    .menu-link-active:link,
    .menu-link-active:visited,
    .menu-link-active:hover{
        color:#B80000;
        text-decoration:none;
    }
    .menu-content-mainmenu li{
        display:none;
    }
    .menu-content-mainmenu a{
        color:#fff;
        text-decoration:none;
    }
    .menu-content-mainmenu{
        padding:10px 0px 0px 5px;
        border-bottom:#555 1px solid;
        display:block;
        font-size:1.1em;
        font-weight:700;
        letter-spacing:0.05em;
        text-transform: uppercase;
        cursor:pointer;
    }
    .menu-content-sub2 li{
        padding:10px 0px 0px 15px;
        border-top:#333 1px solid;
        font-size:1em;
        font-weight:600;
        text-transform:none;
        letter-spacing:0.03em;

    }
    .menu-content-padding{
        padding-bottom:10px;
    }
    .menu-content-sub3 li{
        padding:10px 0px 10px 20px;
        border-top:#333 1px solid;
        font-size:0.95em;
        font-weight:600;
        letter-spacing:0.02em;
        color:#fff;
        text-transform:none;
    }
    
    #index-intro,
    #index-enquiry,
    #index-solution,
    #contact-form,
    #contact-complaint,
    #about-intro,
    #about-mission,
    #support-tech,
    #support-download{
        width:95%;
        min-width:inherit;
        max-width:inherit;
    }
    #index-img-block-1,
    #index-img-block-2,
    #index-img-block-3,
    #index-img-block-4{
        width:100%;
        float: inherit;
        margin-bottom: 2px;
    }
    #index-vendors{
        width:95%;
        margin:auto;
        min-width:inherit;
        max-width:inherit;
    }
    #index-vendors-items{
        width:25%;
    }
    #index-vendors-block{
        display:inherit;
        clear:both;
        padding:0.7em 0;
    }
    #index-vendors-items img{
        height:27px;
    }
    
    #footer-container{
        width:95%;
        min-width:inherit;
        max-width:inherit;
    }
    #footer-left{
        width:60%;
        position: inherit;
        margin:auto;
        margin-top: 2em;
        margin-bottom: 2em;
    }
    #footer-right{
        width:95%;
        position:inherit;
        text-align:center;
        margin: auto;
    }
    #footer-container p.footer-title{
        width: 100%;
    }
    .footer-facebook{
        text-align:center;
    }
	#footer-copyright-img{
		margin-top: 40px;
	}

    

    #product-content-contanier{
    padding-top: 50px;
    }
    #product-content{
	width:100%;
	min-width:inherit;
	max-width:inherit;
    }
    #product-navi-container{
        display: none;
    }
    #product-item-container{ 
        margin-left: 0;
        border-left:#ccc 0px solid;
    }
    #product-items{ 
        width:calc(48% - 1px);
        min-height:270px;
    }
    #product-item-container h1,
    #product-item-container h3{
        font-size:1.4em;
    }
    .no-items{
        min-height:20em;
    }
    #productinfo-model{
        width:95%;
        margin:auto;
        text-align:center;
        padding:20px 0px 0px 0px;
    }
    #productinfo-model h2{
        font-size:1.7em;
    }
    #productinfo-model img{ 
        width:80%;
        float:inherit;
        margin-bottom:10px;
    }
    #productinfo-model ul{
        text-align:left;
        margin:2em 0 0 0;
        padding:0 0 2em 1em;
    }
    #productinfo-features{ 
        display:inline-block;
        text-align:left;
    }
    #productinfo-specs{ 
        width:95%;
        margin:auto;
        margin-top:2.2em;
        font-size:0.8em;
        line-height:1.5;
        letter-spacing:0em;
    }
    #productinfo-note{
        font-size:0.75em;
    }
    .spec-title{
        padding-left:0.3em;
    }
    .spec-subdesc{
        padding:0.22em 0em 0.1em 0.22em;
    }
    .spec-desc{
        width:35%;
        padding:0.22em 0em 0.1em 0.22em;
    }
    .spec-contents{
        width:65%;
        padding:0.22em 0em 0.1em 0.22em;
    }
    .spec-desc-d{ 
        width:16%;
        padding:0.22em 0em 0.1em 0.22em;
    }
    .spec-desc-d2{ 
        width:24%;
        padding:0.22em 0em 0.1em 0.22em;
    }
    .spec-contents-d{ 
        width:60%;
        padding:0.22em 0em 0.1em 0.22em;
    }
    .dl-space{ 
        margin-left:1em;
    }
    
    
    #terms-privacy{ 
        width:95%;
        min-width:inherit;
        max-width:inherit;
    }

    
    #subpage-img-block{
        height:350px;
    }
    #download-frame-mobile{ 
        display:inherit;
    }
    .working-hour-small{
        max-width: 300px;
    }
    
    
    #form{
        width: 95%;
    }
    #formemail,
    #formcontact{
        width:100%;
        float:inherit;
    }

    
#aac-maps-container{
	min-width:inherit;
}
#aackp-container,
#aacjb-container,
#aacjj-container{
	margin-top:3em;
}
#aacjb-container>div#office-details-container,
#aacjj-container>div#office-details-container{
	float:inherit;
}
#office-details-container{
	width:95%;
	float:inherit;
    margin: auto;
}
#office-map{
	width:100%;
	float:inherit;
	height:300px;
}
#office-details{
	max-width:inherit;
}
#office-details p{
    font-size: 0.95em;
}
.contact-space{
	margin-right:1.25em;
}
#office-details p.open-hours{
    margin-top: 1em;
	font-size:.75em;
}
#contact-complaint-container{
	padding:5em 0;
}
.waze{
	display:block;
	margin:0.5em 0 0.8em 0;
	font-size:1em;
	text-align:center;
}
.waze a{
	color:#252525;
	text-decoration:none;
}
.waze img{
	height:40px;
	border:0;
}
.waze span{
	display:block;
	line-height:1;
    font-size: 0.75em;
}
#office-map-cover-1,
#office-map-cover-2{
    display: none;
}
#career-roles-container{
	width: 95%;
}
#career-roles{
	padding: 1em;
	padding-bottom: 1.5em
}

	
#index-seagate{
	width:100%;
	background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0, rgba(0,0,0,0) 150px),
	url('../jpg/seagate-bgbiujp8.jpg'); 
	background-color: #0c0e11;
	background-size: 250%;
	background-position: center top;
}
.seagate-inner{
	width: 100%;
	height: 17.5em;
	max-width: inherit;
	margin: auto;
	text-align: center;
}
.seagate-img{
	position: relative;
	left: 0;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.seagate-inner input{
	position: absolute;
	bottom: 6em;
	left: calc(8% - 0px);
}
.seagate-img img.seagate{
	height: 50px;
}
.seagate-img img.skyhawk{
	height: 22px;
	margin-left: 1.5em;
	margin-right: 0.8em
}
.seagate-inner img.hdd{
	position: inherit;
	left: 28%;
	top: 0em;
	width: 142px;
	transition: 0.2s;
}
.seagate-inner img.hdd-small{
	width: 122px;
}
.seagate-inner img.title{
	position: inherit;
	left: 0;
	top: 0;
	width: 88%;
	margin-top: 2em
}
.seagate-info{
	width: 95%;
	max-width: inherit;
	margin: auto;
}
.seagate-info>div img.title{
	width: 130px;
	margin-right: 0.5em;
	margin-top: 40px
}
.seagate-info>div div.items img{
	width: 120px;
	margin: 0.2em;
}
.solution-content #split,
.solution-content #split2{
	display: inherit;
}
.solution-content #split div,
.solution-content #split2 div{
    width: inherit;
}
.solution-content #split2 div:nth-child(1),
.solution-content #split2 div:nth-child(2){
	float: inherit;
}
.select-brand>div{
    width: 47%;
    margin: 1%;
}
.select-brand>div>a{
    height:60px;
}


.ach-year{
	width:92%;
	padding-top:2.6em;
}
.ach-year-head span{
	font-size:1.7em;
}
.ach-grid{
	grid-template-columns:1fr;
}


}