@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;
    }

    .make_enquiry strong {
        position: relative;
        left: -5.3%;
    }

}

@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;
    }

    .home_banner .big_block {
        height: 451px;
    }
}

@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; }

    .home_banner {
        margin-top: .6%;
    }
    .home_banner .big_block {
        height: 448px;
    }

    .banner_text h3 {
        font-size: 1.2em;
    }

    .banner_second .banner_image, .home_banner .half_block {
        height: 135px;
    }

    .home_banner .big_block {
        height: 277px;
    }

    .insta_title h3 {
        font-size: 1.2em;
        margin-bottom: 5px;
    }

    .bottom_contact_form .specification_wrapper {
        padding: 3em 0 2.5em 0;
    }

    .crimsfinr_left {
        text-align: center;
    }

    .crimsfinr_right {
        border: none;
        padding: 0;
    }

    .crimsfinr_left .online_inquiry .detail_field, .crimsfinr_left .online_inquiry .text_field {
        width: 100%;
    }

    .crimsfinr_left .send_enquiry {
        margin-bottom: 20px;
    }

    .crimsafe .crimsafe_overlay, .steel_doors .crimsafe_overlay {
        transform: none;
        background: rgba(33,33,33,0.2);
    }

    .crimsafe .find_uot, .steel_doors .find_uot {
        font-size: 14px;
        padding: 7px 18%;
    }
}

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

    html, body {
        font-size: 13px;
    }

    a#phonetop {
        padding: 0px 0;
    }

    .make_enquiry .textwidget {
        display: block;
    }

    .make_enquiry strong {
        display: block;
        margin-bottom: 15px;
    }

    .make_enquiry img {
        display: inline-block;
    }

    .home_banner .big_block {
        height: 276px;
    }

    .instagram_feed {
        font-size: 13px;
    }

    #sb_instagram .sbi_photo, .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
        height: 150px !important;
    }

    .insta_title .fa {
        font-size: 1.1em;
    }

    h1 {
        font-size: 1.4em;
    }

    h2 {
        font-size: 1.3em;
    }

    .bx-wrapper .bx-prev::before {
        left: -7px;
    }

    .bx-wrapper .bx-next::before {
        right: -7px;
    }

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

    .steel_doors .videoinfo_left h3, .steel_doors .videoinfo_left h3 a {
        font-weight: normal;
        font-size: 14px;
    }

    .steel_doors .find_uot {
        padding: 5px 6%;
    }

    .locaction_left {
        width: 28.33%;
        margin: 0px 0 22px 7%;
    }
}

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

    .banner_first, .banner_second, .banner_third, .home_banner .half_block {
        float: none;
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .banner_second .banner_image, .home_banner .half_block {
        height: 276px;
    }

    .home_banner, .banner_first .left_top, .banner_second .banner_image, .home_banner .half_block {
        margin-bottom: .6%;
    }

    .banner_third .right_bottom {
        margin-top: .6%;
    }

    .left_half, .right_half, .left_half.technical_specs_left, .right_half.technical_specs_right, .navigation_pages, .our_location {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        float: none;
    }

    .video_container, .video_container .left_half, .video_container .right_half {
        display: block;
    }

    .video_container .video_lightbox_anchor_image {
        width: 100%;
    }

    .navigation_pages, .left_half {
        margin-bottom: 20px;
    }

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

    .instagram_feed #sb_instagram #sbi_images .sbi_item {
        width: 33.33%;
    }

    .read_more_content img {
        max-width: 100%;
    }

    .pp_details {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    a.pp_close {
        top: 0 !important;
    }
}

@media only screen and (max-width: 767px) and (orientation: landscape) {
    #pp_full_res iframe {
        width: 100%;
    }
}

@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(../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: 26%;
    }

    .logobar img {
        max-width: 225px;
        margin: 0;
    }

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

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

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

    .make_enquiry a {
        margin-left: 15px;
    }

    .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;
    }

    .specification_wrapper {
        padding: 3em 0;
    }

    .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;
    }

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

    .socialbar img {
        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_right {
        width: 23%;
        margin: 0 1% 0 1%;
    }

    .steel_doors .videoinfo_left {
        margin-bottom: 2%;
    }

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

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

    .listing_wraper {
        margin: 0;
    }

    .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 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;
        line-height: 20px;
    }

    .make_an_enquiry {
        width: 48%;
        margin-bottom: 20px;
    }

    .watch_video {
        width: 48%;
        float: right;
        margin-bottom: 20px;
    }

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

    .specification_left {
        width: 40%;
    }

    .text_field {
        height: 70px;
    }

    .send_enquiry {
        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 {
        max-width: 100% !important;
        width: 100% !important;
    }

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

    .full-right, .full-left {
        width: 100% !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(../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 img {
        max-width: 100%;
    }

    .logobar {
        width: 30%;
    }

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

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

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

    .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;
    }

    .specification_wrapper {
        padding: 3em 0;
    }

    .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;
    }

    .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_right {
        width: 46%;
        margin: 0 2% 4% 2%;
        float: left;
    }
    .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;
        line-height: 20px;
    }

    .make_an_enquiry {
        width: 48%;
    }

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

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

    .text_field {
        height: 70px;
    }

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

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

    .gallery_navigation {
        margin-bottom: 20px;
        padding: 10px;
        background: url(../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 {
        max-width: 100% !important
    }

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

    .full-right, .full-left {
        width: 83% !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;
    }

    #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; }

    .make_enquiry strong {
        font-size: 17px;
    }

    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(../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: 0px 0px 0px 0px;
    }

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

    .logobar img {
        max-width: 190px;
    }

    .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;
    }

    .home_banner .banner_image .banner_text {
        transform: none;
        background: rgba(33,33,33,0.2);
        text-shadow: 0px 0px 10px #333;
    }

    .crimsafe .crimsafe_overlay, .steel_doors .crimsafe_overlay {
        transform: none;
        background: rgba(33,33,33,0.2);
    }

    .banner_text h3 {
        font-size: 1.4em;
    }

    .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;
    }

    .specification_wrapper {
        padding: 3em 0;
    }

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

    .steel_doors .videoinfo_left {
        margin-bottom: 20px;
    }

    .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: 46%;
        margin: 0 0 22px 8%;
    }

    .locaction_left:nth-child(3n+1) {
        clear: none;
        margin-left: 8%;
    }
    .locaction_left:nth-child(2n+1) {
        clear: both;
        margin-left: 0;
    }

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

    .locaction_right {
        width: 49%;
    }

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

    .locaction_info {
        margin-bottom: 10px;
    }

    .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;
        line-height: 20px;
    }

    .make_an_enquiry {
        width: 48%;
    }

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

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

    .text_field {
        height: 70px;
    }

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

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

    .gallery_navigation {
        margin-bottom: 20px;
        padding: 10px;
        background: url(../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;
        height: 385px !important;
    }

    .satl-wrapper .thumbholder {
        max-height: 350px;
    }

    .full-right .satl-wrapper, .full-left .satl-wrapper {
        height: 385px !important;
        margin-bottom: 20px;
    }

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

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

    .thumbholder {
        width: 43% !important;
    }

    .crimsfinr_right {
        margin-top: 10px;
    }

    .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;
    }

    #header_section {
        height: auto;
    }

    .devider_header {
        position: inherit;
    }

    .videoinfo_left h3{width: auto !important; font-size: 14px;}
    .videoinfo_left h3 a{font-size: 14px; }
    .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 { font-size: 12px; padding: 8px 15%; }

    .steel_doors .videoinfo_left h3, .steel_doors .videoinfo_left h3 a {
        font-size: 12px;
    }

    .steel_doors .find_uot {
        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;
    }

    .insta_title, .insta_images {
        display: block;
        width: 100%;
    }

    .insta_title {
        margin: 20px 0;
    }

    .insta_title h3 {
        font-size: 1.5em;
    }

    #sb_instagram .sbi_photo {
        height: 120px !important;
    }

    .our_brands .footer_wrapper {
        width: 90%;
    }

    .copy_text, .socialbar {
        display: block;
        width: 100%;
        text-align: center;
    }

    .copy_text {
        margin-bottom: 15px;
    }

    hr {
        margin: 30px 0px;
    }

    .bottom_contact_form h3 {
        font-size: 24px;
    }

    .bottom_contact_form .form_left, .bottom_contact_form .form_right {
        width: 100%;
        float: none;
        margin: 0;
    }

    .bottom_contact_form .detail_field {
        margin-bottom: 10px;
    }

    .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
        height: auto !important;
    }

    .instacarousel .swiper-slide img {
        position: relative;
        top: auto;
        transform: none;
    }

    img.alignright, img.alignleft {
        float: none;
        display: block;
        max-width: 100%;
        margin: 0 0 20px 0;
    }

    #pp_full_res iframe {
        width: 100%;
    }

}