@charset "utf-8";
/* CSS Document */

@media only screen and (min-width: 1146px) and (max-width: 3500px) {
    nav a {
        display: block;
        color: #c4c4c4;
        font-size: 16px;
        text-decoration: none;
        padding: 0px 0px;
        margin: 0px;
    }

    nav a#pull {
        display: none;
    }

}

@media only screen and (max-width: 1600px){
    .gofor_aluminium img,
    .gofor_gallery img,
    .gofor_crimsafe img, 
    .gofor_upload img {
        min-height: 330px;
    }
    .gofor_steel img,
    .gofor_showrooms img,
    .gofor_contact img{
        min-height: 245px;
    }
}

@media only screen and (max-width: 1300px){
    .gofor_aluminium img,
    .gofor_gallery img,
    .gofor_crimsafe img, 
    .gofor_upload img{
        min-height: 280px;
    }
    .gofor_steel img,
    .gofor_showrooms img,
    .gofor_contact img{
        min-height:180px;
    }
}

@media only screen and (max-width: 1024px){
    .gofor_aluminium img,
    .gofor_gallery img,
    .gofor_crimsafe img, 
    .gofor_upload img{
        min-height: 230px;
        height: auto;
    }
    .gofor_steel img,
    .gofor_showrooms img,
    .gofor_contact img{
        min-height:150px;
        height: auto;
    }
    .f-nav{
        position: initial;
    }

    .video_bar .listing_wraper:nth-child(4n+1) .videoinfo_left { clear: both; }

    iframe { max-width: 100%; }

    .crimsafe .videoinfo_left h3, .crimsafe .videoinfo_left h3 a { min-height: 42px; }
}

@media only screen and (max-width:48em){
    .gofor_steel,
    .gofor_showrooms,
    .gofor_contact,
    .gofor_crimsafe,
    .gofor_gallery,
    .gofor_aluminium, 
    .gofor_upload {
        float:none;
        width:100%;
    }
    .gofor_aluminium img,
    .gofor_gallery img,
    .gofor_crimsafe img,
    .gofor_steel img,
    .gofor_showrooms img,
    .gofor_contact img, 
    .gofor_upload img {
        min-height:10px;
        height: auto!important;
        width:100%;
    }
    body .ourservices{
        margin-bottom:0;
    }

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 1024px) {

    nav {
        width: 100%;
        margin: 8px 0px 0px 0px;
        text-align: center;
        float: inherit;
    }

    nav ul {
        margin: 0px 0px 0px 0px;
        padding: 0px;
        list-style-type: none;
        text-align: center;
        width: 100%;
    }

    nav ul li {
        background: none;
        line-height: normal;
        display: block;
        margin: 0px;
        padding: 0px;
        float: inherit;
        width: 100%;
        padding: 0px 0px 0px 0px;
        font-size: 11px;
        color: #E7BD13;
        text-transform: uppercase;
        text-align: center;
    }

    nav ul li a {
        border-bottom: 1px solid #5d5d5d;
        display: block;
        padding: 8px 0px;
        height: auto;
        line-height: normal;
        font-size: 12px;
        margin: 0px;
        color: #5d5d5d;
        height: auto;
        width: auto;
        text-align: left;
        font-weight: 600;
    }

    nav ul li a:hover {
        background: #91c73e;
        color: #fff;
    }

    nav ul li a.active {
        background: #91c73e;
        color: #fff;
    }

    nav a {
        text-align: left;
        width: 100%;
        text-indent: 10px;
        text-decoration: none;
        font-size: 16px;
        color: #8a8a8a;
        height: 40px;
    }

    nav a:hover {
        background: none;
        color: #fff;
        text-decoration: none;
    }

    nav ul {
        display: none;
        height: auto;
    }

    nav a#pull {
        display: block;
        width: 100%;
        position: relative;
        background: #0b0b0b;
        margin: 0px 0 0px 0;
        color: #fff;
        text-transform: uppercase;
        font-weight: 600;
        line-height: 40px;
        height: 40px;
    }

    nav a#pull:after {
        content: "";
        background: url(/wp-content/themes/michaelssecuritydoors/images/nav-icon.png) no-repeat;
        width: 25px;
        height: 20px;
        display: inline-block;
        position: absolute;
        right: 10px;
        top: 10px;
    }

    .top_menu {
        display: none
    }

    .menubar {
        display: none
    }

    .mobile_menu {
        display: block;
    }

    .banner_bar img {
        height: 300px;
    }

    .banner_logo {
        width: 30%;
        margin: 0px auto;
    }

    .bnrlogo_info {
        width: 30%;
        margin-top: 60px;
    }

    .bnrlogo_info img {
        height: auto !important;
    }

    .header_wrapper {
        width: 95%;
        margin: 0px auto;
        padding: 15px 0px 0px 0px;
    }

    .logobar {
        width: 40%;
    }

    .header_right {
        width: 55%;
        padding: 15px 0px 0px 0px;
    }

    .make_enquiry {
        width: 100%;
        margin: 0px;
    }

    .make_enquiry img {
        margin: 0px 0px 10px 0px;
    }

    .ourservices {
        margin-bottom: 5px;
    }

    .gofor_crimsafe img, .gofor_gallery img, .gofor_aluminium img, .gofor_steel img, .gofor_showrooms img, .gofor_contact img, .gofor_upload img {
        width: 100%;
        height: 100px;
    }

    .footer_wrapper, .container_wrapper, .specification_wrapper {
        width: 95%;
        margin: 0px auto;
        padding: 20px 0px;
    }

    .navigation_pages {
        width: 23%;
        margin-right: 2%;
    }

    .our_brands {
        width: 27%;
    }

    .navigation_pages h3, .our_brands h3, .our_location h3 {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .brand_left, .brand_right {
        width: 100%;
        float: inherit;
        text-align: center;
    }

    .brand_left img, .brand_right img {
        margin-bottom: 10px;
    }

    .our_location {
        width: 45%;
    }

    .locaction_left {
        width: 42%;
    }

    .locaction_right {
        width: 55%;
    }

    .socialbar {
        margin: 0px;
        text-align: left;
    }

    .socialbar p {
        font-size: 14px;
    }

    .socialbar img {
        width: 8%;
        margin: 0;
        padding: 0 1.5%;
    }

    .pageheading h1 {
        font-size: 18px;
    }

    .video_bar {
        margin-bottom: 0px;
    }

    .videoinfo_left h3, .videoinfo_left h3 span, .videoinfo_right h3, .videoinfo_right h3 span {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 10px;
    }

    .videoinfo_left, .videoinfo_right {
        width: 23%;
        margin: 0 1% 4% 1%;
        float: left;
    }

    .videoinfo_left h3, .videoinfo_left h3 a { font-size: 16px; min-height: 80px; }

    .videoinfo_left a, .videoinfo_right a {
        font-size: 13px;
    }

    .listing_wraper {
        margin: 0;
    }

    .crimsafe_description {
        width: 100%;
        float: left;
        margin-bottom: 15px;
    }

    .crimsafe_description h4 {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 5px;
    }

    .crimsafe_description p {
        font-size: 13px;
        line-height: 22px;
        margin-bottom: 10px;
    }

    .crimsafe_description a {
        font-size: 13px;
        padding: 10px 15px;
    }

    .youtube_video {
        width: 100%;
        float: right;
    }

    .youtube_video iframe {
        width: 100%;
        height: 400px;
    }

    .crimsfinr_left {
        width: 100%;
        margin: 0;
        float: none;
    }

    .crimsfinr_right {
        width: 100%;
        margin: 20px 0 0 0;
        float: none;
    }

    .leftthumb {
        width: 75%;
        margin-right: 15px;
    }

    .leftthumb img, .rightslide img {
        width: 100%;
    }

    .rightslide {
        width: 20.4%;
    }

    .crimsfinr_right h4, .specification_left h4, .specification_right h4 {
        font-size: 18px;
        margin-bottom: 10px;
        line-height: 22px;
    }

    .crimsfinr_right p {
        font-size: 12px;
        margin-bottom: 10px;
        line-height: 20px;
    }

    .make_an_enquiry {
        width: 48%;
    }

    .watch_video {
        width: 48%;
        float: right;
    }

    .make_an_enquiry a, .watch_video a {
        font-size: 14px;
    }

    .specification_left {
        width: 40%;
    }

    .detail_field {
        width: 93%;
    }

    .text_field {
        width: 93%;
        height: 70px;
    }

    .send_enquiry {
        width: 60%;
        font-size: 15px;
    }

    .specification_right {
        width: 58%;
    }

    .gallery_navigation {
        margin-bottom: 20px;
    }

    .gallery_menu {
        width: 69%;
        margin-top: 5px;
    }

    .gallery_menu ul li {
        margin: 0px;
    }

    .gallery_menu ul li a {
        padding: 7px;
        font-size: 13px;
    }

    .touch_withus {
        width: 30%;
    }

    .gallery_bar img {
        width: 100%;
    }

    .showroom_left, .showroom_right {
        width: 48%;
        margin: 0 1%;
        text-align: center;
        float: left;
    }

    .showroom_left h3, .showroom_right h3 {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 10px;
    }

    .showroom_left a, .showroom_right a {
        display: inline-block;
        font-size: 13px;
        padding: 12px 20px;
    }

    .showroom_thumb {
        width: 73.5%;
    }

    .slidebar_showroom {
        width: 24.5%;
    }

    .showroom_thumb img, .slidebar_showroom img {
        width: 100%;
    }

    .adrsinfo_left {
        width: 29%;
        margin: 0px;
    }

    .adrsinfo_left p {
        font-size: 13px;
    }

    .adrsinfo_left p span {
        font-size: 13px;
        margin-bottom: 30px;
    }

    .adrsinfo_right {
        width: 68%;
        float: right;
    }

    .adrsmap {
        margin: 0px 0px 10px 0px
    }

    .reviewbar {
        margin-bottom: 20px;
        padding-bottom: 15px;
    }

    .review_left {
        width: 8%;
        margin-right: 1%;
    }

    .review_middle {
        width: 82%
    }

    .review_right {
        width: 8%;
    }

    .review_right img {
        margin: 0px;
    }

    .review_middle p {
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 10px;
        text-align: center;
    }

    .review_middle h3 {
        font-size: 15px;
        line-height: none;
        text-align: center;
    }

    .location_bar, .contactus {
        margin-bottom: 10px;
    }

    .contact_left {
        width: 46%;
    }

    .contact_right {
        width: 52%;
    }

    .contact_right h4 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .adrsinfo_right2 {
        width: 69%;
    }

    .contact_right h5 {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .short_connect p a {
        font-size: 12px;
    }

    .our_timing {
        margin-bottom: 20px;
    }

    .thankyou {
        width: 95%;
        margin: 0px auto;
    }

    .thankyou h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .thankyou p {
        font-size: 13px;
        line-height: 22px;
        margin-bottom: 10px;
        text-align: center;
    }

    .thankyou a {
        font-size: 13px;
    }

    .videoinfo_left img {
        width: 100%;
        height: auto;
    }

    .gallery .gllr_image_block {
        width: 23%;
        margin: 0 1%;
        height: 100%;
    }

    .gallery .gllr_image_block p,
    .gallery .gllr_image_block p img {
        width: 100% !important;
        height: auto !important;
    }

    .gallery_wrap {
        margin: 0;
    }

    .gllr_single_image_text {
        /*display: none;*/
        font-size: 10px;
    }

    .full-right .thumbholder {
        margin: 0 0 0 100% !important;
    }

    div.sorbit-wide {
        width: 100% !important
    }

    #featured1 {
        width: 100% !important;
        max-width: 100% !important;
    }

    div.sorbit-wide {
        max-width: 100% !important;
    }

    .full-right, .full-left {
        width: 100% !important;
    }

    .full-right div.satl-wrapper, .full-left div.satl-wrapper {
        width: 100% !important;
        margin-right: 3% !important;
    }

    .showroom_bar .full-right .thumbholder {
        max-width: 20% !important;
        width: 100% !important;
        margin-right: -2% !important
    }

    .showroom_bar ul.orbit-thumbnails {
        max-width: 100% !important;
    }

    .showroom_bar .full-right .orbit-thumbnails li
    .showroom_bar .full-left .orbit-thumbnails li {
        width: 100% !important;
        height: 100% !important;
        height: auto !important;
    }

    .showroom_bar .thumbholder .orbit-thumbnails li img {
        width: 100% !important;
        height: 80px !important;
    }

    .showroom_bar #featured1 {
        width: 100% !important;
        max-width: 100% !important;
        height: 400px !important
    }

    .showroom_bar .satl-wrapper,
    .showroom_bar a.sorbit-link,
    .showroom_bar div.sorbit-wide {
        height: 350px !important;
        margin-top: 0 !important;
        padding: 0 !important;
    }

    .showroom_bar .full-right .thumbholder ul.orbit-thumbnails {
        max-width: 100% !important;
    }

    .showroom_bar .full-right .orbit-thumbnails li, .showroom_bar .full-left .orbit-thumbnails li {
        height: auto !important;
    }

    #header_section {
        height: auto;
    }

    .devider_header {
        position: inherit;
    }

    .showroom_left h3, .showroom_left h3 a { line-height: 1.2em;   margin-bottom: 15px; }

    .showroom_left, .showroom_right { margin-bottom: 30px; }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

    nav {
        width: 100%;
        margin: 0px 0px 0px 0px;
        text-align: center;
        float: inherit;
    }

    nav ul {
        margin: 0px 0px 0px 0px;
        padding: 0px;
        list-style-type: none;
        text-align: center;
        width: 100%;
    }

    nav ul li {
        background: none;
        line-height: normal;
        display: block;
        margin: 0px;
        padding: 0px;
        float: inherit;
        width: 100%;
        padding: 0px 0px 0px 0px;
        font-size: 11px;
        color: #E7BD13;
        text-transform: uppercase;
        text-align: center;
    }

    nav ul li a {
        border-bottom: 1px solid #5d5d5d;
        display: block;
        padding: 8px 0px;
        height: auto;
        line-height: normal;
        font-size: 12px;
        margin: 0px;
        color: #5d5d5d;
        height: auto;
        width: auto;
        text-align: left;
        font-weight: 600;
    }

    nav ul li a:hover {
        background: #91c73e;
        color: #fff;
    }

    nav ul li a.active {
        background: #91c73e;
        color: #fff;
    }

    nav a {
        text-align: left;
        width: 100%;
        text-indent: 10px;
        text-decoration: none;
        font-size: 16px;
        color: #8a8a8a;
        height: 40px;
    }

    nav a:hover {
        background: none;
        color: #fff;
        text-decoration: none;
    }

    nav ul {
        display: none;
        height: auto;
    }

    nav a#pull {
        display: block;
        width: 100%;
        position: relative;
        background: #0b0b0b;
        margin: 0px 0 0px 0;
        color: #fff;
        text-transform: uppercase;
        font-weight: 600;
        line-height: 40px;
        height: 40px;
    }

    nav a#pull:after {
        content: "";
        background: url(/wp-content/themes/michaelssecuritydoors/images/nav-icon.png) no-repeat;
        width: 25px;
        height: 20px;
        display: inline-block;
        position: absolute;
        right: 10px;
        top: 10px;
    }

    .top_menu {
        display: none
    }

    .menubar {
        display: none
    }

    .mobile_menu {
        display: block;
    }

    .banner_bar img {
        height: 200px;
    }

    .banner_logo {
        width: 30%;
        margin: 0px auto;
    }

    .bnrlogo_info {
        width: 30%;
        margin-top: 30px;
    }

    .bnrlogo_info img {
        height: auto !important;
    }

    .header_wrapper {
        width: 95%;
        margin: 0px auto;
        padding: 15px 0px 0px 0px;
    }

    .logobar {
        width: 40%;
    }

    .header_right {
        width: 55%;
        padding: 0px;
    }

    .make_enquiry {
        width: 100%;
        margin: 0px;
        text-align: center;
    }

    .make_enquiry img {
        margin: 0px 0px 10px 0px;
    }

    .ourservices {
        margin-bottom: 5px;
    }

    .gofor_crimsafe img, .gofor_gallery img, .gofor_aluminium img, .gofor_steel img, .gofor_showrooms img, .gofor_contact img, .gofor_upload img {
        width: 100%;
        height: 100px;
    }

    .footer_wrapper, .container_wrapper, .specification_wrapper {
        width: 95%;
        margin: 0px auto;
        padding: 20px 0px;
    }

    .navigation_pages {
        width: 37%;
        margin-right: 2%;
    }

    .our_brands {
        width: 60%;
        float: left;
        text-align: center;
    }

    .navigation_pages h3, .our_brands h3, .our_location h3 {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .brand_left, .brand_right {
        width: 100%;
        float: inherit;
        text-align: center;
    }

    .brand_left img, .brand_right img {
        margin-bottom: 10px;
        max-width: 45%;
        padding: 5px;
    }

    .our_location {
        width: 100%;
        float: left;
    }

    .locaction_left {
        width: 42%;
    }

    .locaction_right {
        width: 55%;
    }

    .socialbar {
        margin: 0px;
        text-align: left;
    }

    .socialbar p {
        font-size: 14px;
    }

    .socialbar img {
        width: 8%;
        margin: 0;
        padding: 0 1.5%;
    }

    .locaction_info {
        margin-bottom: 10px;
    }

    .pageheading h1 {
        font-size: 18px;
    }

    .video_bar {
        margin-bottom: 0;
    }

    .videoinfo_left h3, .videoinfo_left h3 span, .videoinfo_right h3, .videoinfo_right h3 span {
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 10px;
    }

    .videoinfo_left, .videoinfo_right {
        width: 46%;
        margin: 0 2% 4% 2%;
        float: left;
    }
    .video_bar.crimsafe .crimsafe_thumbs a div {
        height: 300px;
    }
    .crimsafe_description {
        width: 100%;
        float: left;
        margin-bottom: 15px;
    }

    .crimsafe_description h4 {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 5px;
    }

    .crimsafe_description p {
        font-size: 13px;
        line-height: 22px;
        margin-bottom: 10px;
    }

    .crimsafe_description a {
        font-size: 13px;
        padding: 10px 15px;
    }

    .youtube_video {
        width: 100%;
        float: right;
    }

    .youtube_video iframe {
        width: 100%;
        height: 350px;
    }

    .crimsfinr_left, .crimsfinr_right, .specification_left {
        width: 100%;
        margin: 0 0 20px 0;
        float: inherit;
    }

    .leftthumb, .showroom_thumb {
        width: 75%;
        margin-right: 15px;
    }

    .leftthumb img, .rightslide img, .showroom_thumb img, .slidebar_showroom img {
        width: 100%;
    }

    .rightslide, .slidebar_showroom {
        width: 21%;
        float: left;
    }

    .crimsfinr_right h4, .specification_left h4, .specification_right h4 {
        font-size: 18px;
        margin-bottom: 5px;
        line-height: 22px;
    }

    .crimsfinr_right p {
        font-size: 13px;
        margin-bottom: 10px;
        line-height: 20px;
    }

    .make_an_enquiry {
        width: 48%;
    }

    .watch_video {
        width: 48%;
        float: right;
    }

    .make_an_enquiry a, .watch_video a {
        font-size: 14px;
    }

    .detail_field {
        width: 93%;
    }

    .text_field {
        width: 93%;
        height: 70px;
    }

    .send_enquiry {
        width: 40%;
        font-size: 15px;
    }

    .specification_right {
        width: 100%;
        float: inherit;
    }

    .gallery_navigation {
        margin-bottom: 20px;
        padding: 10px;
        background: url(/wp-content/themes/michaelssecuritydoors/images/gallerymenubg.png) #d8d9db left top repeat-x;
    }

    .gallery_menu, .touch_withus {
        width: 100%;
        float: inherit;
        text-align: center;
        margin: 0px;
    }

    .gallery_menu ul li {
        margin: 0px 0px 5px 0px;
    }

    .gallery_menu ul li a {
        padding: 7px;
        font-size: 12px;
    }

    .gallery_bar img {
        width: 100%;
    }

    .showroom_left, .showroom_right {
        width: 48%;
        margin: 0 1%;
        text-align: center;
        float: left;
    }

    .showroom_left h3, .showroom_right h3 {
        font-size: 17px;
        line-height: 20px;
        margin-bottom: 10px;
    }

    .showroom_left a, .showroom_right a {
        display: inline-block;
        font-size: 13px;
        padding: 12px 20px;
    }

    .adrsmap {
        margin: 0px 0px 10px 0px
    }

    .adrsinfo_left {
        width: 22%;
        margin: 0px;
    }

    .adrsinfo_left p {
        font-size: 12px;
    }

    .adrsinfo_left p span {
        font-size: 12px;
        margin-bottom: 14px;
    }

    .adrsinfo_right {
        width: 68%;
        float: left;
    }

    .adrs_detail p, .adrs_detail p a {
        font-size: 12px;
        line-height: 18px;
    }

    .short_connect p a {
        font-size: 12px;
    }

    .reviewbar {
        margin-bottom: 20px;
        padding-bottom: 15px;
    }

    .review_left {
        width: 10%;
        margin-right: 1%;
    }

    .review_middle {
        width: 78%
    }

    .review_right {
        width: 10%;
    }

    .review_right img {
        margin: 0px;
    }

    .review_middle p {
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 10px;
        text-align: center;
    }

    .review_middle h3 {
        font-size: 15px;
        line-height: none;
        text-align: center;
    }

    .contact_left {
        width: 100%;
        float: inherit;
        text-align: center;
        margin-bottom: 15px;
    }

    .contact_right {
        width: 100%;
        float: inherit;
    }

    .contact_right h4 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .adrsinfo_right2 {
        width: 69%;
    }

    .contact_right h5 {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .our_timing {
        margin-bottom: 20px;
    }

    .thankyou {
        width: 95%;
        margin: 0px auto;
    }

    .thankyou h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .thankyou p {
        font-size: 13px;
        line-height: 22px;
        margin-bottom: 10px;
        text-align: center;
    }

    .thankyou a {
        font-size: 13px;
    }

    .listing_wraper {
        margin: 0;
    }

    .videoinfo_left img {
        width: 100%;
        height: auto;
    }

    .gallery .gllr_image_block {
        width: 23%;
        margin: 0 1%;
        height: 100%;
    }

    .gallery .gllr_image_block p,
    .gallery .gllr_image_block p img {
        width: 100% !important;
        height: 100% !important;
    }

    .gallery_wrap {
        margin: 0;
    }

    /*.gllr_single_image_text {*/
        /*display: none;*/
    /*}*/

    .gallery_wrap {
        margin: 0;
    }

    .gllr_single_image_text {
        /*display: none;*/
        font-size: 9px;
    }

    .full-right .thumbholder {
        margin: 0 0 0 100% !important;
    }

    div.sorbit-wide {
        width: 100% !important
    }

    #featured1 {
        width: 100% !important;
        max-width: 100% !important
    }

    div.sorbit-wide {
        max-width: 100% !important;
    }

    .full-right, .full-left {
        width: 83% !important;
    }

    .full-right div.satl-wrapper, .full-left div.satl-wrapper {
        width: 100% !important;
        margin-right: 3% !important;
    }

    .showroom_bar .full-right .thumbholder {
        max-width: 20% !important;
        width: 100% !important;
        margin-right: -2% !important
    }

    .showroom_bar ul.orbit-thumbnails {
        max-width: 100% !important;
    }

    .showroom_bar .full-right .orbit-thumbnails li
    .showroom_bar .full-left .orbit-thumbnails li {
        width: 100% !important;
        height: 100% !important;
        height: auto !important;
    }

    .showroom_bar .thumbholder .orbit-thumbnails li img {
        width: 100% !important;
        height: 80px !important;
    }

    .showroom_bar #featured1 {
        width: 100% !important;
        max-width: 100% !important;
        height: 400px !important
    }

    .showroom_bar .satl-wrapper,
    .showroom_bar a.sorbit-link,
    .showroom_bar div.sorbit-wide {
        height: 248px !important;
        margin-top: 0 !important;
        padding: 0 !important;
    }

    .showroom_bar .full-right .thumbholder ul.orbit-thumbnails {
        max-width: 100% !important;
    }

    .showroom_bar .full-right .orbit-thumbnails li, .showroom_bar .full-left .orbit-thumbnails li {
        height: auto !important;
    }

    .showroom_bar .full-right .thumbholder, .full-left .thumbholder {
        height: 245px !important;
    }

    #header_section {
        height: auto;
    }

    .devider_header {
        position: inherit;
    }

    .videoinfo_left h3 a{font-size: 16px;}

    .showroom_left h3, .showroom_left h3 a { line-height: 1.2em;   margin-bottom: 15px; }

    .showroom_left, .showroom_right { margin-bottom: 30px; }

    .video_bar .listing_wraper:nth-child(2n+1) .videoinfo_left { clear: both; }

    .another_feature ul li {
        font-size: 13px;
    }
    UL strong { font-size: 13px; }
    .myYT {
        width: 100%;
        float: none;
    margin:0;
    }

    span.upload_text {
        width: 100%;
        box-sizing: border-box;
    }

}

@media only screen and (max-width: 479px) {
    .header {
        margin: 0 auto;
        padding: 0;
        width: 100%;
    }
    .topright { text-align: center; }

    nav {
        width: 100%;
        margin: 0px 0px 0px 0px;
        text-align: center;
        float: inherit;
    }

    nav ul {
        margin: 0px 0px 0px 0px;
        padding: 0px;
        list-style-type: none;
        text-align: center;
        width: 100%;
    }

    nav ul li {
        background: none;
        line-height: normal;
        display: block;
        margin: 0px;
        padding: 0px;
        float: inherit;
        width: 100%;
        padding: 0px 0px 0px 0px;
        font-size: 11px;
        color: #000;
        text-transform: uppercase;
        text-align: center;
    }

    nav ul li a {
        border-bottom: 1px solid #5d5d5d;
        display: block;
        padding: 8px 0px;
        height: auto;
        line-height: normal;
        font-size: 12px;
        margin: 0px;
        color: #5d5d5d;
        height: auto;
        width: auto;
        text-align: left;
        font-weight: 600;
    }

    nav ul li a:hover {
        background: #91c73e;
        color: #fff;
    }

    nav ul li a.active {
        background: #91c73e;
        color: #fff;
    }

    nav a {
        text-align: left;
        width: 100%;
        text-indent: 10px;
        text-decoration: none;
        font-size: 16px;
        color: #000;
        height: 40px;
    }

    nav a:hover {
        background: none;
        color: #fff;
        text-decoration: none;
    }

    nav ul {
        display: none;
        height: auto;
    }

    nav a#pull {
        display: block;
        width: 100%;
        position: relative;
        background: #0b0b0b;
        margin: 0px 0 0px 0;
        color: #fff;
        text-transform: uppercase;
        font-weight: 600;
        line-height: 40px;
        height: 40px;
    }

    nav a#pull:after {
        content: "";
        background: url(/wp-content/themes/michaelssecuritydoors/images/nav-icon.png) no-repeat;
        width: 25px;
        height: 20px;
        display: inline-block;
        position: absolute;
        right: 10px;
        top: 10px;
    }

    .top_menu {
        display: none
    }

    .menubar {
        display: none
    }

    .mobile_menu {
        display: block;
    }

    .banner_bar img {
        height: 150px;
    }

    .banner_logo {
        width: 40%;
        margin: 0px auto;
    }

    .bnrlogo_info {
        width: 40%;
        margin-top: 20px;
    }

    .bnrlogo_info img {
        height: auto !important;
    }

    .header_wrapper {
        width: 95%;
        margin: 0px auto;
        padding: 15px 0px 0px 0px;
    }

    .logobar {
        width: 100%;
        text-align: center;
        float: inherit;
        margin-bottom: 15px;
    }

    .header_right {
        width: 100%;
        float: inherit;
        padding: 0px;
    }

    .make_enquiry {
        width: 100%;
        text-align: center;
        margin: 0px;
    }

    .make_enquiry img {
        margin: 0px 0px 10px 0px;
    }

    .ourservices {
        margin-bottom: 5px;
    }

    .gofor_crimsafe img, .gofor_gallery img, .gofor_aluminium img, .gofor_steel img, .gofor_showrooms img, .gofor_contact img, .gofor_contact img {
        width: 100%;
        height: 100px;
    }

    .footer_wrapper, .container_wrapper, .specification_wrapper {
        width: 95%;
        margin: 0px auto;
        padding: 20px 0px;
    }

    .navigation_pages, .videoinfo_left, .videoinfo_right, .youtube_video, .showroom_left, .showroom_right {
        width: 100%;
        margin: 0 0 20px 0;
        text-align: center;
        float: inherit;
    }

    .our_brands {
        width: 100%;
        float: inherit;
        text-align: center;
        margin: 0 0 20px 0;
    }

    .navigation_pages h3, .our_brands h3, .our_location h3 {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .brand_left, .brand_right {
        width: 100%;
        float: inherit;
        text-align: center;
    }

    .brand_left img, .brand_right img {
        margin-bottom: 10px;
        max-width: 45%;
        padding: 5px;
    }

    .our_location {
        width: 100%;
        float: inherit;
    }

    .locaction_left {
        width: 42%;
    }

    .locaction_left p {
        font-size: 11px;
    }

    .locaction_right {
        width: 49%;
    }

    .socialbar {
        margin: 0px;
        text-align: left;
    }

    .socialbar p {
        font-size: 14px;
    }

    .socialbar img {
        width: 8%;
        margin: 0;
        padding: 0 1%;
    }

    .locaction_info, .videoinfo_left img, .videoinfo_right img {
        margin-bottom: 10px;
    }

    .locaction_right a {
        font-size: 11px;
    }

    .pageheading h1 {
        font-size: 18px;
    }

    .video_bar {
        margin: 0px;
    }

    .videoinfo_left h3, .videoinfo_left h3 span, .videoinfo_right h3, .videoinfo_right h3 span, .crimsafe_description h4 {
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 10px;
    }

    .crimsafe_description {
        width: 100%;
        margin: 0 0 20px 0;
        float: inherit;
    }

    .crimsafe_description p {
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 10px;
    }

    .crimsafe_description a {
        font-size: 13px;
    }

    .crimsfinr_left, .crimsfinr_right, .specification_left {
        width: 100%;
        margin: 0 0 20px 0;
        float: inherit;
    }

    .leftthumb, .showroom_thumb {
        width: 75%;
    }

    .rightslide, .slidebar_showroom {
        width: 20%;
    }

    .crimsfinr_right h4, .specification_left h4, .specification_right h4 {
        font-size: 18px;
        margin-bottom: 5px;
        line-height: 22px;
    }

    .crimsfinr_right p {
        font-size: 13px;
        margin-bottom: 10px;
        line-height: 20px;
    }

    .make_an_enquiry {
        width: 48%;
    }

    .watch_video {
        width: 48%;
        float: right;
    }

    .make_an_enquiry a, .watch_video a {
        font-size: 13px;
    }

    .detail_field {
        width: 93%;
    }

    .text_field {
        width: 93%;
        height: 70px;
    }

    .send_enquiry {
        width: 60%;
        font-size: 14px;
    }

    .specification_right {
        width: 100%;
        float: inherit;
    }

    .gallery_navigation {
        margin-bottom: 20px;
        padding: 10px;
        background: url(/wp-content/themes/michaelssecuritydoors/images/gallerymenubg.png) #d8d9db left top repeat-x;
    }

    .gallery_menu, .touch_withus {
        width: 100%;
        float: inherit;
        text-align: center;
    }

    .gallery_menu ul li {
        margin: 0px;
        display: block;
    }

    .gallery_menu ul li a {
        padding: 10px;
        font-size: 14px;
    }

    .gallery_bar img {
        width: 100%;
    }

    .adrsmap {
        margin: 0px 0px 10px 0px
    }

    .adrsinfo_left {
        width: 29%;
        margin: 0px;
    }

    .adrsinfo_left p {
        font-size: 12px;
    }

    .adrsinfo_left p span {
        font-size: 12px;
        margin-bottom: 30px;
    }

    .adrsinfo_right {
        width: 68%;
        float: right;
    }

    .adrs_detail p, .adrs_detail p a {
        font-size: 12px;
        line-height: 18px;
    }

    .short_connect p a {
        font-size: 12px;
    }

    .reviewbar {
        margin-bottom: 20px;
        padding-bottom: 15px;
    }

    .review_left {
        width: 10%;
        margin-right: 1%;
    }

    .review_middle {
        width: 78%
    }

    .review_right {
        width: 10%;
    }

    .review_right img {
        margin: 0px;
    }

    .review_middle p, .thankyou p {
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 10px;
        text-align: center;
    }

    .review_middle h3 {
        font-size: 15px;
        line-height: none;
        text-align: center;
    }

    .contact_left {
        width: 100%;
        float: inherit;
        text-align: center;
        margin-bottom: 15px;
    }

    .contact_right {
        width: 100%;
        float: inherit;
    }

    .contact_right h4 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .adrsinfo_right2 {
        width: 69%;
    }

    .contact_right h5, .thankyou h3 {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .our_timing {
        margin-bottom: 20px;
    }

    .thankyou {
        width: 95%;
        margin: 0px auto;
    }

    .listing_wraper {
        margin: 0;
        width: 46%;
        float: left;
        padding-left: 2%;
        padding-right: 2%;
    }
    .listing_wraper:nth-child(odd) {
        padding-left: 2%;
        padding-right: 2%;
        clear: left;
    }

    .youtube_video {
        width: 100%;
        float: right;
    }

    .youtube_video iframe {
        width: 100%;
        height: 300px;
    }

    .videoinfo_left img {
        width: 100%;
        height: auto;
    }

    .gallery .gllr_image_block {
        width: 90%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        /*margin: 0 1%;*/
        height: 100%;
    }

    .gallery .gllr_image_block p,
    .gallery .gllr_image_block p img {
        width: 100% !important;
        /*height: 212px !important;*/
    }

    .gallery_wrap {
        margin: 0;
    }

    .gllr_single_image_text {
        /*display: none;*/
    }

    .full-right .thumbholder,
    .showroom_bar .full-right .thumbholder {
        margin: 0 0 0 100% !important;
    }

    div.sorbit-wide {
        width: 100% !important
    }

    #featured1 {
        width: 100% !important;
        max-width: 100% !important
    }

    div.sorbit-wide {
        max-width: 100% !important;
    }

    .full-right, .full-left {
        width: 83% !important;
    }

    .thumbholder {
        width: 43% !important;
    }

    .full-right .thumbholder, .full-left .thumbholder {
        height: 300px !important;
    }

    div.sorbit-wide,
    #featured1,
    a.sorbit-link {
        height: 300px !important;
    }

    .crimsfinr_right {
        margin-top: 30px;
    }

    .full-right div.satl-wrapper, .full-left div.satl-wrapper {
        width: 100% !important;
        margin-right: 3% !important;
    }

    .showroom_bar .full-right .thumbholder {
        max-width: 20% !important;
        width: 100% !important;
        margin-right: -2% !important
    }

    .showroom_bar ul.orbit-thumbnails {
        max-width: 100% !important;
    }

    .showroom_bar .full-right .orbit-thumbnails li
    .showroom_bar .full-left .orbit-thumbnails li {
        width: 100% !important;
        height: 100% !important;
        height: auto !important;
    }

    .showroom_bar .thumbholder .orbit-thumbnails li img {
        width: 100% !important;
        height: 80px !important;
    }

    .showroom_bar #featured1 {
        width: 100% !important;
        max-width: 100% !important;
        height: 400px !important
    }

    .showroom_bar .satl-wrapper,
    .showroom_bar a.sorbit-link,
    .showroom_bar div.sorbit-wide {
        height: 175px !important;
        margin-top: 0 !important;
        padding: 0 !important;
    }

    .showroom_bar .full-right .thumbholder ul.orbit-thumbnails {
        max-width: 100% !important;
    }

    .showroom_bar .full-right .orbit-thumbnails li, .showroom_bar .full-left .orbit-thumbnails li {
        height: auto !important;
    }

    .showroom_bar .full-right .thumbholder, .full-left .thumbholder {
        height: 175px !important;
    }

    #header_section {
        height: auto;
    }

    .devider_header {
        position: inherit;
    }

    .videoinfo_left h3{width: auto !important; font-size: 14px; min-height: 60px;}
    .videoinfo_left h3 a{font-size: 14px; min-height: 80px; }
    .videoinfo_left img{max-height: 185px; }
    div.sorbit-wide, #featured1, a.sorbit-link{width: 98% !important;}

   /* .satl-wrapper{height: auto !important;}
    .satl-wrapper .thumbholder{height: auto;}
    .satl-wrapper #featured1{height: auto !important;  }
    .full-right.shrunk .satl-wrapper{height: auto !important;}*/

    .find_uot a { padding: 10px 15px;   font-size: 12px; }

    .showroom_left h3, .showroom_left h3 a {font-size: 16px; line-height: 1.2em;   margin-bottom: 15px; }

    .showroom_left, .showroom_right { margin-bottom: 30px; }

    .video_bar .listing_wraper:nth-child(2n+1) .videoinfo_left { clear: both; }

    .full-right.shrunk .satl-wrapper { min-height: 265px; height: auto !important; }

    .arrowlistmenu .menuheader {
        height: 38px;
        background-size: auto 100%;
        padding: 10px 45px 10px 10px;
        font-size: 14px;
    }

    .another_feature ul li {
        font-size: 13px;
    }
    UL strong { font-size: 13px; }

    .crimsfinr_left .diagram_info img {
        max-width: 90%;
        float: none;
        display: inline-block;
    }
    .myYT {
        width: 100%;
        float: none;
        margin:0;
    }

    .source_image span.apply_door {
        font-size: 10px;
        width: 60%;
        left: 9%;
    }

    span.upload_text {
        width: 100%;
        box-sizing: border-box;
    }

    .upload_page_header a {
        width: auto;
        padding: 12px;
        font-size: 12px;
    }

    .form-upload .wpcf7 {
        padding: 0px;
        background: none;
    }

    .form-upload form h3 {font-size: 19px; }
    .form-upload form p { font-size: 13px; }

    .header_section.f-nav .header_right { display: none; }

    #target_container p {
        margin-bottom: 15px;
        font-size: 16px;
        line-height: 1.8;
    }

    span.c-mobile-special {
        display: block;
        font-weight: bold;
        margin-bottom: 10px;
        font-size: 20px;
    }

}