@media only screen and (min-device-width: 320px) and (max-device-width: 660px){

    .page{
        width:100%;
        margin:0 0 0 0;
    }
    .header{
        width:100%;
    }
    .wrapper{
        min-width:100%;
    }
    .header .quick-access{
        margin-right:0%;
        float:left;
        right:0px;
        top:0px;
    }
    .product-image a img{
        width:150px;
        height:150px;
        text-align:center;
        margin: 0 auto;
    }
    .breadcrumbs{
        display:none;
    }
    .block-title{
        display:none;
    }

    .header-container .logo{
        margin:0 auto;
        text-align:center;
        width:100%;
    }
    
    /*Search */
    .header .form-search{
        width:100%;
    }
    .header .links{
        float:left;
    }
    .header{
        position:relative;
    }
    .header .form-search input.input-text{
        width:60%;
        padding:15px;
    }
    .header .form-search button.button{
        width:30%;
        padding: 3px 10px;
        font-size:18px;
    }
   /*Top nav*/
    #nav li{
        width:100%;
        text-align:center;
    }
    .nav-container #nav li div.phones-dropdown{
        margin:10px 0px 0px 0px;
        height:60%;
    }

    .nav-container #nav li div.nav-my-account .main-nav-dropdown{
        margin:10px 0px 0px 0px;
    }
    .nav-container #nav li.nav-my-account{
        
    }
    .nav-container #nav li.nav-dropdown > a.level-top:active, .nav-container #nav li.nav-dropdown > a.level-top.over, .nav-container #nav li.nav-dropdown > a.level-top:focus, .nav-container #nav li.nav-dropdown > a.level-top{
        width:100%;
        background-image:none;
    }
    .nav-container #nav li.nav-dropdown > a.level-top:active, .nav-container #nav li.nav-dropdown > a.level-top.over, .nav-container #nav li.nav-dropdown > a.level-top:focus, .nav-container #nav li.nav-dropdown > a.level-top:hover{
        width:100%;
        background-image:none;
    }
    #nav a, #nav a:hover, #nav a:focus{
        width:100%;
    }
    .nav-container #nav li.nav-my-account{
        float:left;
        clear:both;
        font-size:2em;
        text-align:center;
    }
    .nav-container #nav li.nav-phones{
        clear:both;
        font-size:2em;
        text-align:center;
        display:inline;
    }
    .nav-container #nav li.nav-sim-only{
        clear:both;
        font-size:2em;
        text-align:center;
    }
    .nav-container #nav li.nav-free-sim{
        clear:both;
        font-size:2em;
        text-align:center;
    }
    .nav-container #nav li.nav-latest-deals{
        clear:both;
        font-size:2em;
        text-align:center;
    }
    .nav-container #nav li.nav-home{
        display:none;
    }

    .nav-container #nav li.nav-dropdown > a{
        background:none;
    }
    .nav-container #nav li div.main-nav-dropdown{
        width:100%;
    }
    #nav div.nav-block.shown-sub{
        width:94%;
    }
    div.block-top-cart span.myBasket{
        background:none;
    }
    div.block-top-cart div.summary p{
        font-size: 1.8em;
    }
    /*Dropdown Nav*/
    .mega-menu{
        display:none;
    }
    .mega-banner{
        display:none;
    }
    .line-splitter{
        display:none;
    }
    .brand-menu{
        display:none;
    }
    .nav-container #nav li div.main-nav-dropdown .links-cont{
        width:100%
    }
    
    h2.mega-header{
        font-size:3em;
    }
    .nav-container #nav li div.main-nav-dropdown .links-cont ul li a{
        font-size:1.8em;
        background:none;
    }
    .nav-container #nav li div.main-nav-dropdown .links-cont ul li a:hover{
        background:none;
        font-size:1.8em;
    }
    .nav-container #nav li div.main-nav-dropdown .links-cont ul{
        float:none;
    }
    .nav-container #nav li div.mbs-dropdown{
        display:none;
    }
    .nav-container #nav li div.sim-only-dropdown{
        display:none;
    }
    .nav-container #nav li div.nav-my-account .main-nav-dropdown{
        width:100%;
        left:0px;
    }
    .nav-container #nav li.nav-dropdown > a.level-top:active, .nav-container #nav li.nav-dropdown > a.level-top.over, .nav-container #nav li.nav-dropdown > a.level-top:focus, .nav-container #nav li.nav-dropdown > a.level-top:hover{
        padding-right:0px;
        background:none;
    }
    .nav-container #nav li a.level-top:active, .nav-container #nav li a.level-top.over, .nav-container #nav li a.level-top:focus, .nav-container #nav li a.level-top:hover{
        padding-right:0px;
        background:none;
    }
    .nav-container #nav li div.main-nav-dropdown .links-cont ul li:active, .nav-container #nav li div.main-nav-dropdown .links-cont ul li:hover{
        background:none;
    }
}