@media only screen and  (min-device-width : 320px) and (max-width: 480px ) {    
.container {margin: 0 auto; padding:0; width:90%;}
.navbar-nav {border-bottom:none;} 
.thingstodoathomeimg {margin: auto; padding:0;}
.h4things {text-align:center;}
.contactpage-nurseries {text-align:center;color:#E84F3D;}
.contactpage_addresses {text-align:center;}
/********Modal for 480**************/
.modal {
    background: transparent;
  text-align: center;

    padding-bottom:10%;
}
/*navigation*/
.navbar-nav {border-bottom: none;}
.nav-tabs>li>a {background-image:linear-gradient(140deg, #005061,#ED0677); color: #fff; padding-left:.9em !important; padding-right:.9em !important;font-size: .8em; }
.tab-pane img {float:none !important;  text-align:center; margin:auto;padding:auto;display:block;}
.cmap iframe {float: none !important; width:100%; height:auto;}
.ofsted_img_mobile {display:block;}
.ofsted_img_main {display:none;}
/******maps*****/

.finderresults {
    margin:0;
    padding: 0;
}

.modal-body {
width:100%;
height:auto;
padding:0;
}

.modal-header{ color: #000;  height:2em; background:  #fff; font-size: ; }
.modal-footer {margin:0; padding:0;}

.modal:before {
  content: '';
  display: inline-block;
  height: 5%;
  vertical-align: middle;
  margin-right: -7px; /* Adjusts for spacing */
}


.modal-dialog {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  margin:0;
}

.modal-content {
  margin: 0 auto;
}

/********Modal for 480**************/
.dropdown-backdrop{
    position: static;
}
.offersideleft {display:none;}
.sidebaroffers {width:100%;}
.30hoursimg {display:none;}
.sidebarfacebook {display:none;}
#box2 {height:auto;margin:0 auto;}
.aboutmain {width:100%;}


/************footer****************************/
.copy{text-align:center; padding-top: .5em;}
.design{text-align:center; padding-top: .5em;}
.newsletter{text-align:center; padding-top: .5em;}


/********carousel***********/
.maintab1 {font-size: 2em;}
h3 {font-size: 2em;}
.phone {display:none;}
#twitterCarousel .slider-tab h2 {
padding:0;
margin:0;
    font-weight: bold;
  
    font-size: 3em;
    text-align:center;
}

/******maps*****/

.finderresults {
    margin:0;
    padding: 0;
}
 
    #twitterCarousel .bottom-right{ clear:both;max-width: 100%; height: auto; display:block; ;float:none;padding-bottom:2%;}
   
     #twitterCarousel .bottom-right-2{width:100% !important;margin:0; padding:0;}
     .recommeded{max-width:100%;}
     
    .recom {max-width:50%;max-height:50%;}
.recom2 {display:none;}
.otherpages a {color: grey;} 
.thirtyhours_img {padding-top: 2em;}

#twitterCarousel .bottom-right{width:100%;margin:0 auto; padding:0; float:none; padding-bottom:2;}
#twitterCarousel .bottom-left {width:100%;margin:0 auto; padding-top: 2%; float:none; padding-left:0; padding-right: 0; padding-bottom:3%;}
#twitterCarousel .bottom-left-1{width:100%;margin:0 auto; padding-top: 2%; float:none; padding-left:0; padding-right: 0; padding-bottom:3%;}
    
    
      #twitterCarousel .bottom-right-2 img {margin:0;}
      .main-1 {margin-bottom:2%;}
    .top-right top-right-1 {max-width: 100%;}
    .navbar-default {max-width: 100%;}
    #twitterCarousel .main {width: 100%;height:auto; margin-bottom:2%;}
    .availa {padding:50%;text-align:center;}
    #sidebar {display: none;}
        #twitterCarousel .top-right .pink .large-map {display:none;}
    #twitterCarousel .top-right .pink {width:100%; height:100%;padding:0; margin: 0 auto; margin-bottom:2%;}
    #twitterCarousel .top-right {width:100%;padding:0; height:100%;margin: 0;}
    .pink large img {display:none;}
    .maplist {width: 70%; padding: 1%; float: none;  margin: 2%;}
    .finder {padding-left:40%; margin:0;float:none;height:100%; }
    .finderbob {padding-left:20%;float:0;margin:0;}
    .finderbutton {margin-left:10%;width:65%;}
 .element-content p {padding:0; margin:0;clear:both;float:none; padding-bottom:10%;padding-left:2%;padding-right:2%;}
 #twitterCarousel .top-right .pink .element-content {padding:1%;}

} /******end of Modal 480 css*****/


@media (min-width: 768px) and (max-width: 1024px) {
  
    
   .modal-dialog  {margin-left:35%;}
   /*navigation*/
.navbar-nav {border-bottom: none; margin:0; padding:0;}
.navbar-default .navbar-collapse {padding:0;}
.nav-tabs>li>a {background-image:linear-gradient(140deg, #005061,#ED0677); color: #fff; padding-left:2.7em !important; padding-right:2.7em !important;font-size: 1em; }
.navbarfont {color:white; padding:0;margin:0;font-size:;}

.navbar-nav { border-bottom: solid .1em #EA4349; font-size: .7em;}
.navbarnew {background: #ffffff;}
.navbar-nav > li > a {color:#fff; padding:0;}
.nav {padding:0px margin:0px; color:#9C27B0;}
.navbar-brand {height:60px;}
.navbar-nav > li {font-family:"cardoregular", Arial, Helvetica, sans-serif; margin: 0; color: white; padding:0;
    text-transform: uppercase;}
    
.navbar-nav > li:hover {background: #A11E70; color: white;}
.navbar-nav > li: active a { color: #000; }
.navbar-nav > li: active  {padding:0 ; margin:0;}
.phone {font-size: 0.8em;}
.h4things {padding-bottom: 2em; font-size:.8em; text-align:center;}
.contactpage_addresses {text-align:justify;}
}