/* =Responsive (Mobile) Design
-------------------------------------------------------------- */

@media screen and (max-width: 980px) {

	body {
	}
    
    #access a { 
        padding: 0 15px;   
    }

	.grid,
	.grid-right {
		float: none;
	}
    
    .col-60,
    .col-140,
    .col-220,
    .col-300,
    .col-380,
    .col-460,
    .col-540,
    .col-620,
    .col-700,
    .col-780,
    .col-860 {
        margin:0;
        width: 100%;
        display:block;
    }

	.copyright,
	.scroll-top,
	.powered {
		float: left;
	}

	#featured-image .fluid-width-video-wrapper {
		margin: 20px 0 0 0;
	}

	.front-page  #widgets {
		margin-top: 40px;
	}

	.top-widget,
	.front-page  .top-widget {
		margin-top: 0 !important;
	}

	.hide-desktop {
		display: block;
	}

	.show-desktop {
		display: none;
	}

	.hide-980 {
		display: none;
	}

	.show-980 {
		display: block;
	}
    
    .the-big-signup {
        height: auto;
        background-color: #c60c30;
        background-image:none;
    }
    
    .the-big-signup-inner h2 {
        margin:0;
        padding:0;
    }
    
    #royal-home .rsABlock, #royal-home .rsSBlock {
        top: 450px;   
    }
    
    #top-bar {
        background: #000;
        height: auto !important;
        text-align:center;
    }
    
    #top-bar ul {
        text-align:center !important;   
    }
    
    ul#menu-main-menu {
        text-align:center !important;   
    }
    
    #header .container {
        text-align:center;   
    }
    
    #header #logo {
        float: none;
    }
    
    #header #logo img {
        margin: 10px 0;   
    }
    
    .home-features img.alignright {
        float: none;   
    }
    
    .video-container {
        padding-bottom: 0 !important;
        height: auto !important;
    }
    
    ul.footer-menu {
        text-align:center;   
    }
    
    #top-header {
        position: relative;   
    }

}

@media screen and (max-width: 650px) {

	body {
        padding:0;
        margin:0;
	}
    
    #author-content td {
        padding: 0;
      width: 100%;
      border: none;
      display: block;   
    }
    
    .mobile-navigation {display:block;}
    .desktop-navigation {display:none;}
    
    .mobile-opener {
        background: #212121;
        border-bottom: 1px solid #333;
        cursor: pointer;
        color: #fff;
        text-align: right;
        padding: 12px 10px;
        font-size: 18px;   
    }
    
    .mobile-menu-open {
      display: none;
    }
    
    .mobile-menu-open ul {
        margin:0;
        padding:0;
    }
    
    .mobile-menu-open ul li {
        list-style:none;
        display:block;
        border-bottom: 1px solid #333;
        margin:0;
        padding:0;
    }
    
    .mobile-menu-open ul li a {
        display:block;
        padding: 10px;
        margin:0;
        color:#fff;
        background: #212121;
    }
    
    html {
        margin:0;
        padding:0;
    }
    
    .azindex {
        width: 100% !important;
        float: none !important;
        padding: 10px 0 0 0 !important;
    }
    
    #home-slider-port {
        height: 200px;
    }
    
    
    #top-menu-mobile {
        display:block;
        text-align:center;
        background: #313731;
    }
    
   .footer-padder {
        padding: 0 20px;   
    }
    
    #footer-right a {
        display:block;
        text-align:center;
    }
    
    #top-menu-mobile a {
        display:block;
        float: left;
        text-align:center;
        font-family: 'Oswald', sans-serif;
        font-weight:normal;
        font-size:18px;
        font-weight:normal;
        color: #fff;
        padding: 12px 0;
        letter-spacing:1px;
    }
    
    a.top-menu-map {
        width:50%;  
    }
    

    a.top-menu-phone-number {
        width: 50%;   
    }

    #header {
        margin: 0px 0 0 0;   
    }
    
    #desktop-menu {display:none;}
    #mobile-menu {display:block;}
    
    
    #header-top-left a {
        display:block;   
    }
    
    #header-top-left {
        text-align:center;   
    }
    
    #header-top-right {
        display:none;   
    }
    
    .the-big-signup {
        height: auto;
        background-color: #c60c30;
        background-image:none;
    }
    
    
	#logo {
		float: none;
		margin: 0;
		text-align: center;
	}

    #logo a {
        display:block;
    }
    
	.grid,
	.grid-right {
		float: none;
	}

	#featured-image .fluid-width-video-wrapper {
		margin: 20px 0 0 0;
	}

	.top-widget {
		float: none;
		margin: 0 auto 10px auto;
		position: relative;
		text-align: center;
		width: auto;
	}
    
    .main-nav {
        margin-top: 10px;
        font-family: 'bebas-bold', sans-serif;
    }

	.top-widget .widget-title h3 {
		text-align: center;
	}

	.top-menu,
	.footer-menu li {
		float: none;
		font-size: 11px;
		text-align: center;
	}

	#author-meta {
		padding: 20px;
	}

	#wrapper .gallery .gallery-item {
		max-width: 100%;
	}

	.hide-650 {
		display: none;
	}

	.show-650 {
		display: block;
	}

	.hide-mobile {
		display: none;
	}

	#footer {
		text-align: center;
	}

	#footer .social-icons {
		padding-bottom: 10px;
		text-align: center;
	}
}

@media screen and (max-width: 480px) {

	body {
	}
    
    #bigWrapper {
        margin-top:0;   
    }
    
    .headerFloaterOne {display:none;}
    
    .headerFloaterTwoLast {display:none;}
    
    .headerFloaterTwo {
        float:none;
        width: 100%;
    }
    
    .headerFloaterTwo img {
        width: 100%;
        max-width:100%;
        height:auto;
    }

    .authortitlerlink {
          float: none;
          width: 100%;
          display: block;
          background: #000;
        }
    
    .authortitlerlink a {
        display:block;
        width: 100%;
    }
    
    .authortitler h1 {
      float: none;
    }
    
	#logo {
		float: none;
		text-align: center;
	}
    
    #royal-home .rsABlock, #royal-home .rsSBlock {
        top: 550px;
    }
    
    .page-image {height: 100px;}
    
    .top-board .grid {width: 100%;}
    
    .top-board ul {text-align:left}
    
    #logo a {
        display:block;
    }

	.grid,
	.grid-right {
		float: none;
	}

	#featured-image .fluid-width-video-wrapper {
		margin: 20px 0 0 0;
	}

	.featured-title {
		font-size: 40px;
		padding: 40px 20px 0 20px
	}

	.featured-subtitle {
		font-size: 24px;
	}

	.navigation .next,
	.navigation .previous {
		display: block;
		margin: 0 auto;
		text-align: center;
	}

	.menu ul,
	.menu li,
	.top-menu,
	.footer-menu li,
	.sub-header-menu li {
		float: none;
		text-align: center;
		text-rendering: optimizeSpeed;
	}

	#wrapper .gallery .gallery-item {
		float: none;
	}

	.hide-480 {
		display: none;
	}

	.show-480 {
		display: block;
	}

	#footer {
		text-align: center;
	}

	#footer .social-icons {
		text-align: center;
	}
}

@media screen and (max-width: 320px) {

	body {
	}

	#featured p {
		font-size: 12px;
		line-height: 1.5em;
	}

	.featured-title {
		font-size: 35px;
	}

	.featured-subtitle {
		font-size: 15px;
	}

	.call-to-action a.button {
		font-size: 14px;
		padding: 7px 17px;
	}

	.hide-320 {
		display: none;
	}

	.show-320 {
		display: block;
	}
}

@media screen and (max-width: 240px) {

	body {
	}

	#featured p {
		font-size: 11px;
		line-height: 1.5em;
	}

	.featured-title {
		font-size: 20px;
	}

	.featured-subtitle {
		font-size: 11px;
	}

	.call-to-action a.button {
		font-size: 12px;
		padding: 5px 15px;
	}

	.top-widget area,
	.top-widget select,
	.top-widget textarea,
	.top-widget input[type="text"],
	.top-widget input[type="password"],
	.top-widget input[type="email"] {
		width: 75%;
	}

	.widget-title h3,
	.widget-title-home h3 {
		font-size: 14px;
		height: 13px;
		line-height: 13px;
		text-align: left;
	}

	.hide-240 {
		display: none;
	}

	.show-240 {
		display: block;
	}
}
