/*$$__TEMPLATE_RESOURCE_START__$$*/

@media (min-width: 1200px) {

  div#branding, nav#main-menu, div#holder{
    width:1170px;
  }
  div#search-box{
    margin:40px -452px 0 0;
  }
  div.j-carousel ul li, .j-carousel, div.j-carousel ul li img{
    height:80px !important;
  }
  div.j-carousel ul li img{
    margin:0 30px;
  }
  div#top-row{
    height:86px;
    padding:3px 0;
  }
  /*nav#main-menu ul li#sub-item2 div#sub-menu{
  left:-258px;
  background:url("../images/bg-arrow.jpg") no-repeat scroll 300px 0 #FFFFFF;
}*/
  .red-hat-banner{
    width:270px;
  }
  *+html div#static-links .four {
    width:24%;
  }
  .bx-wrapper ul.image-slider .sprater {
    top: 27px;
  }
  div#static-links .link img {
    margin: 8px 10px 0 27px;
  }
  div#static-links a.no-links{
    text-decoration:none;
  }
  div#static-links .link a.bt {
    padding: 3px 8px;
    margin: 3px 47px 0 0;
  }
/* menu changes */
  nav#main-menu ul li#sub-item2 div#sub-menu div.sub-menu-2 {
    width: 364px;
}


nav#main-menu ul li#sub-item2 div#sub-menu div#last.sub-menu-2 {
    width: 312px;
}

nav#main-menu ul li#sub-item2 div#sub-menu {
    background: url(../images/bg-arrow.jpg) no-repeat scroll 257px 0 #fff;
	left: -210px;
    width: 1130px;
}
 
nav#main-menu ul li#sub-item2 div#sub-menu div.sub-menu-2 ul li a.sub-menu-title {
    padding: 3px 0 5px;
}

nav#main-menu ul li#sub-item2 div#sub-menu div.sub-menu-2 ul li a {
    padding: 0 17px;
} 
nav#main-menu ul li#sub-item2 div#sub-menu div.sub-menu-2 ul.persn-pro li a {
    padding: 0;
}

}

@media (min-width:1024px) and (max-width:1200px) {
  nav#main-menu ul li#sub-item2 div#sub-menu {
    background: url(../images/bg-arrow.jpg) no-repeat scroll 152px 0 #fff;
    width:911px;
    left:-105px;
}
nav#main-menu ul li#sub-item2 div#sub-menu div.sub-menu-2 {
    width: 278px;
}

nav#main-menu ul li#sub-item2 div#sub-menu div#last.sub-menu-2{
    width: 270px;
}
  nav#main-menu ul li#sub-item2 div#sub-menu div.sub-menu-2 ul li a.sub-menu-title {
    padding: 3px 0 5px;
}

nav#main-menu ul li#sub-item2 div#sub-menu div.sub-menu-2 ul li a {
    padding: 0 10px;
} 
  
}
/* Menu changes end */

@media (min-width: 768px) and (max-width: 979px) {

  header {
    height: 136px;
  }
  div#branding, nav#main-menu{
    width:724px;
  }
  div#holder{
    width:100%;
  }
  #holder #main-content {
    margin: 0 auto;
    padding: 0 20px;
    width: 728px;
  }
  div#branding{
    height:96px;
  }
  nav#top-menu {
    height:42px;
    width:460px;
    margin:-87px -10px 0 0;
  }
  a.logo img {
    margin-top: 30px;
  }
  div#search-box{
    margin-top:-44px;
    margin-right:0;
  }
  nav#main-menu {
    text-align: left;
  }	
  nav#main-menu ul li {
    padding: 0;
  }
  nav#main-menu ul li.first {
    padding: 10px 12px 10px 0;
  }
  nav#main-menu ul li.last {
    padding: 10px 0 10px 12px;
  }
  div#static-links {
    background: url("../images/static-links-ipad-bg.png") repeat-x;
    height: 62px;
    padding: 0 20px;
  }
  div#static-links .one, div#static-links .two, div#static-links .three {
    padding: 16px 0;
  }
  div#static-links .one {
    text-align: left;
  }
  div.j-carousel ul li, .j-carousel, div.j-carousel ul li img{
    height:48px !important;
  }
  div.j-carousel ul li img{
    margin:0 15px;
  }
  div#top-row{
    height:56px;
    padding:3px 0;
  }
  nav#bottom-menu h1 {
    line-height: 14px;
    padding: 0 20px;
  }
  /*nav#main-menu ul li#sub-item2 div#sub-menu{
  width:712px;
  left: -70px;
  background: url("../images/bg-arrow.jpg") no-repeat scroll 115px 0 #fff;
}*/
  nav#main-menu ul li#sub-item2 div#sub-menu{
    top:39px;
  }
  nav#main-menu ul li#sub-item2 div#sub-menu div.sub-menu-2{
    width:140px;
  }
  .rlogos-slider.bxslider a img {
    max-width: 162px;
  }
  .wrap-left-menu-pro{

  }
  .wrap-left-menu-pro .sub-menu-2 .wrap-cont{
    display:none;
  }
  .wrap-left-menu-pro .sub-menu-2.omleft .wrap-cont{
    display:block;
  }
  .wrap-left-menu-pro .sub-menu-2 h4 a{
    font-family: "Fjalla One",sans-serif;
    text-transform: uppercase;
    color: #333333;
    font-size:1.75em;
    padding-bottom: 6px;
    font-weight: normal;
  }
  .wrap-left-menu-pro .sub-menu-2 h4 {
    margin: 0 0 20px;
  }
  .sub-menu-2 h4 span.icon {
    background:url("../images/sprite.png") no-repeat scroll -245px -242px;
    width:20px;
    height:20px;
    display:block;
    float:right;
    margin-top: 3px;
    cursor: pointer;
  }
  .sub-menu-2.omleft h4 span.icon {
    background:url("../images/sprite.png") no-repeat scroll -317px -242px;
  }
  div#main-visual, div.slideshow{
    height:auto;
  }
  div.slideshow img{
    width:100%;
    height:auto;
  }  
  div.breadcrumb-nav {
    margin: 23px 0 25px;
  }
  ul.image-slider .sprater {
    top:12px;
  }
  nav#main-menu ul li a {
    font-size: 0.75em;
  }
  div#social-media {
    width: 185px;
  }
  nav#main-menu ul li a {
    padding: 12px 10px;
  }   
  div#static-links .link a.bt {
    float: none;
    font-size: 0.75em;
    line-height:16px;
    margin:0;
    padding:4px 9px;
    width:63px;
  }
  div#static-links .link img {
    float:none;
    margin:0;
  }
  p.exam-paper-img {
    text-align: center;
    width: 207px;
    font-size: 1em;
    line-height: 1.25em;
    top: 5px;
  }
  span.paper-downloader {
    top: 20px;
  }
  /*download btn*/
  div#static-links {padding: 0;}

  div#static-links .link {
    float: left;
    text-align: center;
    margin: 0 auto;
    display: block;
    width: 20%;
  }

  div#static-links .link.four {
    width: 25%;
    padding: 0;
    height: 100%;
  }

  div#static-links .four p.most_download {
    margin-top: 10px;
    position: relative;
  }

  div#static-links .four p.most_download a.application, div#static-links .four p.most_download a.pastpapers {
    bottom: -30px;
    position: absolute;
    right: 50%;
  }

  div#static-links .four p.most_download a.pastpapers {left: 50%;}
  /*end download btn*/ 
  span.txt_mob {
    display: none;
  }
  /*download btn*/
  div#static-links {
    float: left;
    width: 100%;
  }

  div#static-links .link.four {
    width: 30%;
  }
  div#static-links .four p.most_download {
    padding: 0;
    margin: 5px 15px;
  }
  div#static-links .four p.most_download a.application, div#static-links .four p.most_download a.pastpapers{
    margin-top: -3px;
    margin-right: 10px;
  }

  div#static-links .link {
    width: 20%;
    padding: 3px 10px;
  }
    div#static-links .link a.bt {
    width:70px;
  }
  /*end download btn*/ 
}

@media (max-width: 767px){
  nav#main-menu ul li#sub-item2 div#sub-menu, div#search-box, nav#main-menu{
    display:none;
  }
  div#holder{
    width:auto;
  }
  header {
    background: url("../images/menu-mobile-bg.jpg") repeat-x center bottom;
    height:125px;
  }
  div#branding{
    width:auto;
    margin: 0 10px;
  }	
  #branding a.logo{
    display:block;
    height:70px;
    margin:15px auto 0;
    width:280px;
  }
  a.logo img {
    height: auto;
    width: 100%;
    margin:0;
  }
  nav#top-menu {
    width:60px;
    height:52px;
    border-left:1px solid #b2b2b6;
    background:url("../images/sprite.png") no-repeat 0px -436px;
    cursor:pointer;
  }
  nav#main-menu {
    height: auto;
    left: 0;
    position: relative;
    top: 2px;
    width: auto;
    z-index: 5;
  }
  nav#main-menu ul{
    background:#e6e7ea;
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 2px;
  }
  nav#main-menu ul li{
    text-align:center;
    border-bottom:1px solid #b2b2b6;
    padding:0;
    display: block;
  }
  nav#main-menu ul li a{
    padding:11px 0;
    display:block;
  }
  nav#main-menu,
  nav#main-menu ul,
  nav#main-menu ul li.first,
  nav#main-menu ul li.first a{
    clear:both;
  }
  div#main-visual {
    border-top: 1px solid transparent;
    z-index:0;
  }
  div#static-links {
    background: #f0f0f3;
    height: auto;
    margin-bottom: 10px;
    margin-top: 1px;
    padding-bottom: 0;
  }
  div#static-links .link a{
    padding-left:0;
  }
  div#static-links .link , footer .colum, div#creator, div#social-media {
    float: none;
  }
  div#static-links .link {
    width: 236px;
    text-align: left;
    margin-left:30px;
  }
  div#static-links .one, div#static-links .two {
    border-bottom: 1px solid #E4E4E4;
  }
  div#static-links .four {
    width: 200px;
    text-align: center;
    float: right;
    margin-top: -78px;
  }
  nav#bottom-menu ul li{
    float:left;
  }
  nav#bottom-menu ul li a {
    margin-right: 5px;
  }
  div#bottm-row {
    height: 304px;
    padding-top: 5px;
  }
  h1{
    line-height:1.3;
    margin-left:10px;
  }
  footer .colum {
    border-bottom: 1px solid #dfdfdf;
    margin: 0 10px;
    width: auto;
  }
  footer .footcl-wrapper{
    padding-right:38px;
  }
  div#bottm-row {
    padding-bottom: 54px;
    height:auto;
  }
  div#copyrights-panel {
    height: 82px;
  }
  div#creator h1{
    width: 460px;
    bottom: 96px;  	
  }
  div#creator {
    margin-left: 0;
    margin-top: 47px;
    text-align: center;
  }
  div#social-media {
    margin: -77px auto 0;
  }
  div.breadcrumb-nav {
    margin: 23px 0 -15px;
  }
  /* start - according */
  .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
    background:none!important;
  }
  .ui-corner-all, .ui-corner-top, .ui-corner-right, 
  .ui-corner-tr, .ui-corner-all, .ui-corner-top, 
  .ui-corner-left, .ui-corner-tl, .ui-corner-all, 
  .ui-corner-bottom, .ui-corner-right, .ui-corner-br,
  .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl{
    border:none!important;
  }
  .ui-accordion .ui-accordion-header,
  .ui-accordion .ui-accordion-content{
    padding-left:0!important;
  }
  .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{
    border-top-right-radius:none!important;
  }
  .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl{
    border-top-left-radius:none!important;
  }
  .ui-accordion .ui-accordion-header .ui-accordion-header-icon{
    background:url("../images/sprite.png") no-repeat -23px -564px!important;
    left:346px!important;
    height:20px!important;
  }
  .ui-accordion .ui-state-active .ui-icon{
    background:url("../images/sprite.png") no-repeat -23px -583px!important;
  }
  .ui-accordion .ui-accordion-header .ui-accordion-header-icon{
    position:absolute!important;
    left:auto!important;
    right:0!important;
  }
  .ui-accordion .ui-accordion-header {
    margin: 0 20px !important;
    width: auto !important;
  }
  .ui-accordion .ui-accordion-content {
    width: auto!important;
    margin: 0 20px !important;
  }
  /* end - according */
  footer h2 {
    color: #000000;
    font-size: 1.6em;
    margin-bottom: 40px;
  }
  div.breadcrumb-nav{
    margin:23px 0 0;
  }
  .ui-accordion .ui-accordion-content {
    padding: 0;
  }
  footer h2 {
    margin: 17px;
  }
  .ui-accordion .ui-accordion-content{
    padding:0!important;
  }
  footer #bottm-row .colum .footcl-wrapper{
    display:none;
  }
  footer #bottm-row .colum.open-mobi-menu .footcl-wrapper{
    display:block;
  }
  footer #bottm-row .colum span.ficon{
    background:url("../images/sprite.png") no-repeat scroll -23px -564px;
    display:block;
    height: 16px;
    width: 16px;
    float: right;
    margin:8px 15px 0 0;
  }
  footer #bottm-row .colum.open-mobi-menu span.ficon{
    background:url("../images/sprite.png") no-repeat scroll -23px -583px;
  }
  div#social-media {
    margin: -80px auto 0;
  }
  ul.image-slider .sprater {
    display:none;
  }
  /*div#static-links .link a.bt {
  padding: 3px 7px;
}*/
  #bottom-menu h1 {
    margin: 0 5px;
    width: auto;
  }
  div#static-links .link img {
    float:none;
    margin:0;
  }
  div#static-links .link a.bt {
    float: none;
    margin: 2px;
    padding: 4px 10px;
  }
  p.exam-paper-img {
    width: 186px;
    top: 85px;
    left: 30px;
    font-size: 0.8em;
  }
  span.paper-downloader {
    background: url(/images/sprite.png) no-repeat -394px -575px;
    width: 24px;
    height: 25px;
    left: 0px;
    top: -13px;
    margin-left: -30px;
  }
  span.txt_mob {
    display: block;
    font-weight: bold;
  }
  span.txt_desk_tab {
    display: none;
  }
  /*download btn*/ 
  div#static-links .one, 
  div#static-links .two, 
  div#static-links .three {
    border-bottom: 1px solid #E4E4E4;
  }
  div#static-links {
    display: inherit;
  }
  div#misc-menu {
    width: 100%;
    text-align: center;
  }
  div#static-links .four {
    width: 290px;
  }
  /*end download btn*/ 
}

@media (max-width: 480px){
  div#static-links .link {
    margin: 0 auto;
    text-align: left;
    width: 260px;
    text-align: center;
  }
  div#static-links .four {
    float: none;
    /* margin-top: 17px; */
    text-align: center;
    width: 200px;
  }
  div#creator {
    margin-top: 48px;
  }
  .rlogos-slider.bxslider a img {
    max-width: 200px;
  }
  p.exam-paper-img {
    width: 186px;
    top: 85px;
    left: 30px;
    font-size: 0.8em;
  }
  span.paper-downloader {
    background: url(/images/sprite.png) no-repeat -394px -575px;
    width: 24px;
    height: 25px;
    left: 0px;
    top: -13px;
    margin-left: -30px;
  }
  div#static-links .four {
    width: 309px;
    height: 40px;
    position: relative;
  }
  div#static-links .four p.most_download {
    position: absolute;
    height: 55px;
  }
}
@media (max-width: 320px){
  p.exam-paper-img {
    width: 186px;
    top: 85px;
    left: 30px;
  }
}
/*$$__TEMPLATE_RESOURCE_END__$$*/

@media (min-width: 1000px) {
  /*download btn*/
  div#static-links {
    float: left;
    width: 100%;
  }

  div#static-links .link.four {
    width: 30%;
  }
  div#static-links .four p.most_download {
    padding: 0;
    margin: 5px 15px;
  }
  div#static-links .four p.most_download a.application, div#static-links .four p.most_download a.pastpapers{
    margin-top: -3px;
    margin-right: 10px;
  }

  div#static-links .link {
    width: 20%;
    padding: 3px 10px;
  }
  div#static-links .four p.most_download a.application {
    margin-top: -3px;
    margin-right: 5px;
}
  div#static-links .four p.most_download a.pastpapers {
    margin-top: -3px;
    margin-right: 9px;
}
  
  /*end download btn*/  
}
@media (min-width: 980px) and (max-width: 999px) {
  div#static-links .four p.most_download a.application, div#static-links .four p.most_download a.pastpapers {
    margin-top: -3px;
    margin-right: 10px;
}
}



/* remove this to delete Best web logo*/
@media (max-width: 979px){
.bestweb {
  top: -14px;
  width: 85px;}
}

@media (max-width: 767px){
.bestweb {
  top: -33px;
  right:0;
  }
}

@media (max-width: 499px){
#branding a.logo {
  margin: 15px 0 0;
  }
a.logo img {
  width: 80%;}
}

/*Changes to Application Download (Register Now) Button -  Treshan - START*/

@media (min-width: 768px) and (max-width: 979px) {
    div#static-links .link a.bt {
        width: 75px;
    }
}

/*Changes to Application Download (Register Now) Button -  Treshan - END*/