a:link, .mobile_menu_btn, input, .tags_list .filter, .footer_button, .footer_button_form, .closefooter a { 
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
}

header #awards {
    position: absolute;
    top: 56px;
    right: 0;
    width: 69px;
    height: 164px;
    z-index: 1000;
}

header #awards a {
    width: 69px;
    height: 164px;
    display: block;
    background: url(../images/css-design-award-nominee-duo3-vertical.png) no-repeat;
    text-indent: -10000em;
    overflow: hidden;
}

#main-container {min-height: 700px; min-height: 100%; position: relative; overflow: hidden; }

#home_content_container {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -480px;
    margin-top: -258px;
    /* width: 535px; */
    width: 960px;
    min-width: 0;
    display: none;
}

.front_content {
    padding-top: 0;
}

form p {display: inline;}

.mobile_menu_btn {
    display: none;
}

.what_menu_center {
    width: auto;
    margin: auto;
    height: 0px;
}

#ulwhat li:last-child, #ulwho li:last-child, #ulwork li:last-child {
    margin-right: 0;
}

#digital, #testimonials {
    visibility: hidden;
    opacity: 0;
}

.content_page h2 {
    margin-top: 5px;
}

.topcontent .textop {
    width: auto;
    
}

.topcontent .textop p, .inner .subsubcontent p {
    margin: 0 0 18px;
}

.logo_aboutus, .logo_aboutuswhat {width: auto; text-align: center;}

#aboutusgallery, .whogallerycontent {
    display: block;
    float: none;
}

#aboutusgallery li, .whogallerycontent li {
    float: none;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.people_pic, #whogallery {
    text-align: center;
}

.people_pic li {
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin-right: 22px;
    margin-left: 22px;
    float: none;
    position: relative;
}

.people_pic li div.people_card {
    position: absolute;
    top: 0;
    left: 0;
    height: 167px;
    width: 164px;
    background: #1A1A1A;
    padding: 20px;
    display: none;
    z-index: 10;
    text-align: center;
}

.people_pic li div.people_card span.tag {
    color: #fff;
    font-size: 30px;
/*    font-weight: bold;*/
    text-shadow: 1px 1px #000;
    display: block;
    text-transform: uppercase;
    margin-bottom: 30px;
    line-height: 30px;
}

.people_pic li div.people_card span.name {
    color: #fff;
    font-size: 12px;
}

.people_pic li div.people_card span.position {
    color: #11E0CA !important;
    display: block;
    font-size: 12px;
    margin-top: 5px;
}

#whogallery li {
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin-right: 30px;
    margin-left: 30px;
    float: none;
}

.people_pic li.last {
    margin-right: 22px;
}

#acc2who, .topcontent .textopwho {
    width: 100%;
}

.aboutus_text p {
    margin-top: 0px;
    margin-bottom: 13px;
}

.accordion .new:first-child {
    border-top: 1px solid #212121;
    margin-top: 20px;
}

.tags_list {width: auto; text-align: center; border-bottom: 1px solid #302E2E; padding-bottom: 10px;}

.tags_list .filter {
    cursor: pointer;
    display: inline-block;
    zoom: 1;
    *display: inline;
    background-color: #1A1A1A;
    padding: 10px 15px 10px 15px;
    color: white;
    font-size: 18px;
    text-decoration: none;
    display: none;
    }

/*#taglistt {display: none;}*/

#list_projects {
    overflow: hidden;
    text-align: center;
}

#list_projects #article {
    width: 24.8% !important;
    display: inline-block;
    zoom: 1;
    *display: inline;
    float: none;
    text-align: left;
    margin-right: -2px;
}



/*
#list_projects #article img, .content7 article img, .content8 article img {
    -webkit-transition: opacity 0.5s linear;
    -moz-transition: opacity 0.5s linear;
    -ms-transition: opacity 0.5s linear;
    -o-transition: opacity 0.5s linear;
    transition: opacity 0.5s linear;
}

#list_projects #article:hover img, .content7 article:hover img, .content8 article:hover img {
    opacity: 0.5;
    filter: alpha(opacity = 50);
}
*/
.details_content_left, .details_content_right {width: auto;}

.makeMeScrollablebigger {
    height: 100%;
    overflow: hidden;
}

.contactusdetailsabout {
    width: auto;
}

.contactusdetails input, .contactusdetailsabout input {
    margin-right: 7px;
}

.contactusdetails input.marginphone, .contactusdetailsabout input.marginphone {
    margin-right: 0;
}

.contactusdetails input[type=submit], .contactusdetailsabout input[type=submit], .full_form input[type=submit], .formfootercenter input[type=submit], .contact_form input[type=submit] {
    background-color: #ED1849;
    padding-right: 0px;
    margin-right: 0;
    height: 35px;
    line-height: 30px;
    float: right; 
    margin-right: 9px;
}

.theloader {
    position: relative;
}

div.wpcf7 img.ajax-loader {
    border: medium none;
    left: 50%;
    margin-left: -22px !important;
    margin-top: -5px !important;
    position: absolute;
    top: 50%;
    vertical-align: middle;
}

.contactusdetails div.wpcf7 img.ajax-loader {
    margin-left: -22px !important;
    margin-top: -5px !important;
}

.contactusdetailsabout .wpcf7 img.ajax-loader {
    margin-left: -22px !important;
    margin-top: -5px !important;
}

#form_quote .wpcf7 img.ajax-loader {
    
}

.details_content_right {
    float: right;
    text-align: right;
}

a.viewwebsite {
    float: none;
    font-weight: normal;
    font-size: 22px;
    font-weight: 400;
    color: #11E0CA;
    text-decoration: none;
    text-transform: uppercase;
}

#site-footer {
    height: auto;
    min-height: 60px;
}


.realfooter {
    overflow: hidden;
    height: 59px;
    background-color: #0F0F0F;
}

.realfooter a:hover {
    color: #fff !important;
}

.realfooter a:hover img {
    -webkit-filter: brightness(12%);
    -moz-filter: brightness(12%);
}

.footer_content_full .main_content_footer {
    text-align: center;
}

.footer_content_full .formfootercenter {
    margin: 0 0 50px;
    padding-top: 50px;
    border-top: 1px solid #302E2E;
}

.footer_content_full ul.menu-list-footer {
    padding: 50px 50px 0 25px;
    display: inline-block;
    zoom: 1;
    *display: inline;;
    border-top: 1px solid #302E2E;
}

.footer_content_full ul.menu-list-footer > li {
    width: 90px;
    text-align: left;
}

.footer_content_full .menu-list-footer li ul li {
    width: 140px;
}

.footer_content_full ul.menu-list-footer > li#menu-item-726 {
    width: 200px;
}

.footer_content_full .menu-list-footer li#menu-item-726 ul li {
    width: 180px;
}

.sitemap {
    cursor: pointer;
}

.footer_close {
    display: none;
    float: right;
    margin-top: 20px;
    padding-right: 20px;
    cursor: pointer;
}


/* NEWS SECTION */

.blog_page {overflow: hidden;}

.blog_page .blog_page_left {
    float: left;
    width: 73%;
}

.blog_page .blog_page_left .top_blog {
    clear: both;
    overflow: hidden;
    border-bottom: 1px solid #4d4d4d;
    margin-bottom: 25px; 
}

.blog_page .blog_page_left .top_blog h2 {
    color: #FFF;
    font-size: 30px;
    font-weight: normal;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    float: left;
    margin-bottom: 30px;
}

.blog_page .blog_page_left .top_blog .date {
    color: #B3B3B3;
    font-size: 24px;
    font-weight: normal;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    float: right;
}

.blog_page .blog_page_left .content_feat_image {
    margin: 25px 0px;
}

.blog_page .blog_page_left #content_blog {
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
}

.blog_page .blog_page_left #content_blog a {
    color: #ED1849;
    text-decoration: none;
}


.blog_page .blog_page_left #content_blog .content_feat_image {
    width: 100%;
    text-align: center;
}

.blog_page .blog_page_left #content_blog .content_feat_image img {
    max-width: 748px;
    width: 100%;
}

.blog_page .blog_page_left #content_blog ul.blog_gallery li {
    list-style: none;
    width: 349px;
    font-size: 0;
    line-height: 0;
    padding-bottom: 1px;
}

.blog_page .blog_page_left #content_blog ul.blog_gallery li.left {
    float: left;
    border-right: 1px solid #000;
}
.blog_page .blog_page_left #content_blog ul.blog_gallery li.right {
    float: right;
    border-left: 1px solid #000;
}

.blog_page .blog_page_left #content_blog ul.blog_gallery li img {
    border: 0;
    width: 100%;
}

.blog_page .blog_page_left .blog_footer {
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    clear: both;
    padding-top: 20px;
    margin-bottom: 20px;
}

.blog_page .blog_page_left .blog_footer a {
    color: #11E0CA;
    text-decoration: none;
}

.blog_page .blog_page_right {
    float: right;
    width: 20%;
    color: #FFFFFF;
    font-size: 14px;
    text-transform: uppercase;
}

.blog_page .blog_page_right h2 {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    margin-bottom: 15px;
    font-weight: 700; 
    text-transform: uppercase;
}

.blog_page .blog_page_right #ulnews {
    list-style: none;
}

.blog_page .blog_page_right #ulnews a {
    text-decoration: none;
    display: block;
    margin-bottom: 5px;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color : #ffffff;
}

.blog_page .blog_page_right #ulnews .current-cat a {
    color: #ED1849 !important;
}

.articlelink {
    clear: both;
    margin: 20px 0;
    border-top: 1px solid #3F3C3C;
    border-bottom: 1px solid #3F3C3C;
    padding: 20px 0;
    overflow: hidden;
    display: block; 
    text-align: center;
}

.articlelink a {
    color: #B3B3B3;
    font-size: 24px;
    font-weight: normal;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
}

.articlelink a:last-child {
    float: right;
}

.articlelink a:first-child {
    float: left;
}

#blog_recent h2 {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    text-decoration: none;
    margin-bottom: 0px;
}

#blog_recent article {
    clear: both;
}

/* END NEWS SECTION */


/*:::: MEDIA QUERIES ::::*/
/* Smaller screens */
@media only screen and (max-width: 1023px) {
  body {
    /*font-size: 0.8em;
    line-height: 1.5em;*/
  }
  
}
/* Mobile */
@media handheld, only screen and (max-width: 1023px) {
  body {
    font-size: 16px;
    -webkit-text-size-adjust: none;
  }
  .recent_news_pos { max-width: 750px; }
  .row,
  body,
  .container {
    width: 100%;
    min-width: 0;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
  header {padding-left: 0px !important;}
  .row .one,
  .row .two,
  .row .three,
  .row .four,
  .row .five,
  .row .six,
  .row .seven,
  .row .eight,
  .row .nine,
  .row .ten,
  .row .eleven,
  .row .twelve {
    width: auto;
    float: none;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
  
}
/* Extra queries just in case... */
/*@media handheld, only screen and (max-width: 767px) {

	body {
		
	}

}*/
/* Hi-Res images for iPhone4 */
/*@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/
/*}*/
/* Print styles */
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  /* Black prints faster: h5bp.com/s */
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  /* Don't show links for images, or javascript/internal links */
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  /* h5bp.com/t */
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page  {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}





/** {
    -webkit-transition: width .5s;
    -moz-transition: width .5s;
    -ms-transition: width .5s;
    -o-transition: width .5s;
    transition: width .5s;
}*/

@media only screen
and (max-width : 767px) {
    .front_content, .front_menu {
        width: auto;
    }
    
    .front_content h2 {
        font-size: 30px !important;
        line-height: 1.3;
    }
    
    a.viewwebsite {
        float: left;
        clear: both;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    
    .details_content_right {
        float: left;
        text-align: left;
    }
    .lease_date { display: none; }
    .recent_news_pos { max-width: 750px; }
    .general_content_section { margin: 0 20px;}
    .general_content_section .section_content { width: 100%; }
    .general_content_section .section_projects { width: 100%; margin-top: 20px }
    
    .view_controls { top: -30px; }
}

/* Andriods (portrait) ----------- */
@media only screen 
    and (min-width : 100px)
    and (max-width : 300px) {
    /* Styles */

    
    .general_content_section { margin: 0 20px;}
    .general_content_section .section_content { width: 100%; }
    .general_content_section .section_projects { width: 100%; margin-top: 20px }
    html, body {min-width: 100px; max-width: 300px; width: auto;}
    .blog_recent_container { padding: 0 20px; }
    .recent_news_pos h3 { margin-left: 20px;}
    .lease_date { display: none; }
    header .six {
        width: 48% !important;
        float: left !important;
    }
    
    header .six.last {
        float: right !important;
        width: 40px !important;
    }
    
    .logo_matter a {
        margin-left: 20px;
    }
    
    .mobile_menu_btn {
        display: block;
        width: 30px;
        height: 30px;
/*        border: 2px solid #212121;
        border-radius: 17px;*/
        margin-top: 12px;
        cursor: pointer;
        position: relative;
    }
    
    .mobile_menu_btn span {position: absolute; background: #fff; width: 24px; height: 4px; display: block; border-radius: 3px;}
    .mobile_menu_btn span.first_line {top: 4px; left: 50%; margin-left: -20px;}
    .mobile_menu_btn span.second_line {top: 50%; left: 50%; margin-left: -20px; margin-top: -2px;}
    .mobile_menu_btn span.third_line {bottom: 4px; left: 50%; margin-left: -20px;}
    
    ul.menu-list {
        position: absolute;
        top: 60px;
        left: 0;
        width: 100%;
        background: #000;
        display: none;
        border-top: 1px solid #212121;
        z-index: 100;
    }
    
    ul.menu-list li {
        width: 100%;
        display: block;
        height: 50px;
        text-align: center;
        line-height: 50px;
        background:#000;
        border-bottom: 1px solid #212121;
    }
    
    ul.menu-list li a {
        width: 100%;
        display: block;
        height: 50px;
        text-align: center;
        line-height: 50px;
        margin-top: 0;
        font-size: 16px;
    }
    
    .content_page {
        width: 95%;
        padding: 0 10px 0px;
        font-size: 14px;
        line-height: 1.2;
    }
    
    .content_page h2 {
        width: 100%;
        font-size: 35px;
        line-height: 1.5;
    }
    
    .content_page p {
        display: none;
    }
    
    #ulwhat li, #ulwork li {margin-right: 10px;}
    
    #ulwhat li .menu_title, #ulwho li .menu_title, #ulwork li a {font-size: 0px;}
    #ulwhat li.current_page_item a .menu_title, #ulwho li.current_page_item a .menu_title {font-size: 24px;}
    #ulwork li.current-cat a {font-size: 0px;}
    
    .cat-item-5 a:before, .cat-item-6 a:before, .cat-item-7 a:before, .cat-item-8 a:before, .cat-item-23 a:before {
         left:50%;
         width: 43px;
         margin-left: -21px;
     }
     
     #ulwork li.current-cat a::after {
        top: 17px;
     }
    
    .tags_list .filter {display: inline-block;zoom: 1;*display: inline;}
    #taglistt {display: none;}
    
    #home_content_container {
        margin-left: -150px;
        width: 300px;
    }
    
    #digital, #testimonials, .main_contact {
        width: auto;
        margin: auto;
    }
    
    #testimonials {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
    
    .testiblock {
        width: 100%;
    }
    
    h4.testititle {
        padding-left: 20px;
    }
    
    .testiblock .testicontent,
    .testiblock .testiperson,
    .testiblock .testiposition,
    .testiblock .testiimage {
        padding-left: 20px;
        padding-right: 20px;
        width: auto;
        clear: both;
    }
    
    .logo_matter a {
        margin-left: 20px;
    }
    
    .topcontent .textop, .aboutus_text, .topcontent .textopwho {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
    
    .contactusdetailsabout {
        width: 100%;
    }
    
    .contactusdetailsabout .wpcf7 {
        padding-left: 20px;
    }
    
    .contactusdetailsabout .wpcf7 img.ajax-loader {
        float: left;
        margin-left: 98px !important;
        
    }
    
    .radioquote {
        display: block;
    }
    
    span.wpcf7-not-valid-tip {
        margin-top: -30px;
    }
    
    .aboutus_text, .contactusdetailsabout p {
        padding: 0 20px;
    }
    
    .whocontent {
        margin: 0 20px;
    }

    .accordion .subsubcontent {
        -webkit-column-count: 1;
        -webkit-column-gap: 1px;
        -moz-column-count: 1;
        -moz-column-gap: 1px;
        column-count: 1;
        column-gap: 1px;
        margin: 0;
        padding: 0;
        width: 100%;
        float: none;
    }
    
    .relatedprojects {
        clear: both;
        min-width: 0px;
        margin-bottom: 20px;
        width: 100%;
        float: none;
    }
    
    div.selector span {
        font-size: 12px !important;
    }
    
    .bottom_contact {
        padding: 0 20px;
    }
    
    .contact_col {
        width: 100%;
        float: left;
        margin-bottom: 20px;
        border-bottom: 1px solid #3F3C3C;
        padding-bottom: 40px;
        margin-right: 0px;
    }
    
    .contact_col_r {
        width: 100%;
        margin: 0 auto;
        float: none;
    }
    
    .contact_col_r > .full_form > div {
        clear: both;
    }
    
    #list_projects #article {
        width: 100% !important;
    }
    
    .details_content {
        width: 95%;
        clear: both;
        /* height: 80px; */
     }
    
    .contentdetails, .contentdetails div, .alsodetails {
        width: 95%;
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
    
    .contentdetails p {
        margin-top: 0;
    }
    
    .contactusdetails, .contactusdetailsabout {
        width: 95%;
    }
    
    .contactusdetails form, .contactusdetailsabout form {
        display: block;
    }
    
    .contactusdetails input, .contactusdetailsabout input {
        margin-bottom: 5px;
        display: block;
        font-size: 16px;
    }
    
    .contactusdetails input[type=submit], .contactusdetailsabout input[type=submit], .full_form input[type=submit] {
        width: 240px;
        background-color: #C0C0C0;
        padding-right: 0px;
    }
    
    .mapcontainer {
        height: 200px !important;
    }
    
    #sitemap, #subscribe {
        float: none;
        display: block;
        clear: both;
    }
    
/*    .footer_contact {
        float: none;
        padding-left: 20px;
        position: relative;
        padding-top: 40px;
        padding-bottom: 20px;
    }
    
    .footer_contact span, .footer_contact a {
        float: none;
        display: block;
        margin-bottom: 10px;
    }
    
    .footer_contact a.facebookicon {
        position: absolute;
        top: 0;
        left: 20px;
    }
    .footer_contact a.tweeticon {
        position: absolute;
        top: 0;
        left: 50px;
    }*/
    
    .formfootercenter .theloader {
        margin-left: -4px;
    }
    
    .main_content_footer_subscr input {
        margin-right: 0;
        width: 202px;
        font-size: 16px;
    }
    
    .formfootercenter span.wpcf7-not-valid-tip {
        margin-top: 0;
    }
    
    .blog_page .blog_page_left {
        float: none;
        width: 100%;
        overflow: hidden;
    }
    
    .blog_page .blog_page_right {
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }
    .blog_page .blog_page_left .article_blog {width: 100%;}
    .blog_page .blog_page_left .article_blog .img_blog, .blog_page .blog_page_left .article_blog .intro_blog {
        float: none;
        margin: 0 auto;
        width: 300px;
    }
    
    .blog_page .blog_page_left .article_blog .img_blog img {
        width: 100%;
    }
    
    .articlelink {
        padding: 20px;
    }
}

/* Smartphones (portrait) ----------- */
@media only screen 
    and (min-width : 300px)
    and (max-width : 320px) {
        
        
    .general_content_section { margin: 0 20px;}
    .general_content_section .section_content { width: 100%; }
    .general_content_section .section_projects { width: 100%; margin-top: 20px }    
    .blog_recent_container { padding: 0 20px; }
    .lease_article_img { width: 100%; margin-bottom: 20px; }
    .lease_article_content { width: 100%; }
    .lease_date { display: none; }
    .recent_news_pos h3 { margin-left: 20px;}
    /* Styles */

    html, body {max-width: 320px; min-width: 300px; width: auto;}

    header .six {
        width: 48% !important;
        float: left !important;
    }
    
    header .six.last {
        float: right !important;
        width: 40px !important;
    }
    
    .logo_matter a {
        margin-left: 20px;
    }
    
    .mobile_menu_btn {
        display: block;
        width: 30px;
        height: 30px;
/*        border: 2px solid #212121;
        border-radius: 17px;*/
        margin-top: 12px;
        cursor: pointer;
        position: relative;
    }
    
    .mobile_menu_btn span {position: absolute; background: #fff; width: 24px; height: 4px; display: block; border-radius: 3px;}
    .mobile_menu_btn span.first_line {top: 4px; left: 50%; margin-left: -20px;}
    .mobile_menu_btn span.second_line {top: 50%; left: 50%; margin-left: -20px; margin-top: -2px;}
    .mobile_menu_btn span.third_line {bottom: 4px; left: 50%; margin-left: -20px;}
    
    ul.menu-list {
        position: absolute;
        top: 60px;
        left: 0;
        width: 100%;
        background: #000;
        display: none;
        border-top: 1px solid #212121;
        z-index: 100;
    }
    
    ul.menu-list li {
        width: 100%;
        display: block;
        height: 50px;
        text-align: center;
        line-height: 50px;
        background:#000;
        border-bottom: 1px solid #212121;
    }
    
    ul.menu-list li a {
        width: 100%;
        display: block;
        height: 50px;
        text-align: center;
        line-height: 50px;
        margin-top: 0;
        font-size: 16px;
    }
    
    .content_page {
        width: 100%;
        padding: 0 0px 0px;
        font-size: 14px;
        line-height: 1.2;
    }
    
    .content_page h2 {
        width: 100%;
        font-size: 35px;
        line-height: 1.5;
    }
    
    .content_page p {
        display: none;
    }
    
    #ulwhat li, #ulwork li {margin-right: 10px;}
    
    #ulwhat li .menu_title, #ulwho li .menu_title, #ulwork li a {font-size: 0px;}
    #ulwhat li.current_page_item a .menu_title, #ulwho li.current_page_item a .menu_title {font-size: 24px;}
    #ulwork li.current-cat a {font-size: 0px;}
    
    .cat-item-5 a:before, .cat-item-6 a:before, .cat-item-7 a:before, .cat-item-8 a:before, .cat-item-23 a:before {
         left:50%;
         width: 43px;
         margin-left: -21px;
     }
     
     #ulwork li.current-cat a::after {
        top: 17px;
     }
    
    .tags_list .filter {display: inline-block;zoom: 1;*display: inline;}
    #taglistt {display: none;}
    
    #home_content_container {
        margin-left: -150px;
        width: 300px;
    }
    
    #digital, #testimonials, .main_contact {
        width: auto;
        margin: auto;
    }
    
    #testimonials {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
    
    .testiblock {
        width: 100%;
    }
    
    h4.testititle {
        padding-left: 20px;
    }
    
    .testiblock .testicontent,
    .testiblock .testiperson,
    .testiblock .testiposition,
    .testiblock .testiimage {
        padding-left: 20px;
        padding-right: 20px;
        width: auto;
        clear: both;
    }
    
    .logo_matter a {
        margin-left: 20px;
    }
    
    .topcontent .textop, .aboutus_text, .topcontent .textopwho {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
    
    .contactusdetailsabout {
        width: 100%;
    }
    
    .contactusdetailsabout .wpcf7 {
        padding-left: 20px;
    }
    
    .contactusdetailsabout .wpcf7 img.ajax-loader {
        float: left;
        margin-left: 98px !important;
        
    }
    
    .radioquote {
        display: block;
    }
    
    span.wpcf7-not-valid-tip {
        margin-top: -30px;
    }
    
    .aboutus_text, .contactusdetailsabout p {
        padding: 0 20px;
    }
    
    .whocontent {
        margin: 0 20px;
    }

    .accordion .subsubcontent {
        -webkit-column-count: 1;
        -webkit-column-gap: 1px;
        -moz-column-count: 1;
        -moz-column-gap: 1px;
        column-count: 1;
        column-gap: 1px;
        margin: 0;
        padding: 0;
        width: 100%;
        float: none;
    }
    
    .relatedprojects {
        clear: both;
        min-width: 0px;
        margin-bottom: 20px;
        width: 100%;
        float: none;
    }
    
    div.selector span {
        font-size: 12px !important;
    }
    
    .bottom_contact {
        padding: 0 20px;
    }
    
    .contact_col {
        width: 100%;
        float: left;
        margin-bottom: 20px;
        border-bottom: 1px solid #3F3C3C;
        padding-bottom: 40px;
        margin-right: 0px;
    }
    
    .contact_col_r {
        width: 100%;
        margin: 0 auto;
        float: none;
    }
    
    .contact_col_r > .full_form > div {
        clear: both;
    }
    
    #list_projects #article {
        width: 100% !important;
    }
    
    .details_content {
        width: 95%;
        clear: both;
        /* height: 80px; */
    }
    
    .contentdetails, .contentdetails div, .alsodetails {
        width: 95%;
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
    
    .contentdetails p {
        margin-top: 0;
    }
    
    .contactusdetails, .contactusdetailsabout {
        width: 95%;
    }
    
    .contactusdetails form, .contactusdetailsabout form {
        display: block;
    }
    
    .contactusdetails input, .contactusdetailsabout input {
        margin-bottom: 5px;
        display: block;
        font-size: 16px;
    }
    
    .contactusdetails input[type=submit], .contactusdetailsabout input[type=submit], .full_form input[type=submit] {
        width: 160px;
        background-color: #ED1849;
        padding-right: 0px;
        
    }
    
    span.wpcf7-form-control-wrap { width: 100%; }
    
    .enquiry_form { width: 280px; margin: 0 auto; }
    
    .contactusdetails input[type=text] { width: 92%; }
    
    .contactusdetails input[type=submit] { float: left;}
    
    .contactusdetails { width: 300px;}
    
    .mapcontainer {
        height: 200px !important;
    }
    
    #sitemap, #subscribe {
        float: none;
        display: block;
        clear: both;
    }
    
/*    .footer_contact {
        float: none;
        padding-left: 20px;
        position: relative;
        padding-top: 40px;
        padding-bottom: 20px;
    }
    
    .footer_contact span, .footer_contact a {
        float: none;
        display: block;
        margin-bottom: 10px;
    }
    
    .footer_contact a.facebookicon {
        position: absolute;
        top: 0;
        left: 20px;
    }
    .footer_contact a.tweeticon {
        position: absolute;
        top: 0;
        left: 50px;
    }*/
    
    .formfootercenter .theloader {
        margin-left: -4px;
    }
    
    .main_content_footer_subscr input {
        margin-right: 0;
        width: 202px;
        font-size: 16px;
    }
    
    .formfootercenter span.wpcf7-not-valid-tip {
        margin-top: 0;
    }
    
    .blog_page .blog_page_left {
        float: none;
        width: 100%;
        overflow: hidden;
    }
    
    .blog_page .blog_page_right {
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }
    .blog_page .blog_page_left .article_blog {width: 100%;}
    .blog_page .blog_page_left .article_blog .img_blog, .blog_page .blog_page_left .article_blog .intro_blog {
        float: none;
        margin: 0 auto;
        width: 300px;
    }
    
    .blog_page .blog_page_left .article_blog .img_blog img {
        width: 100%;
    }
    
    .articlelink {
        padding: 20px;
    }
    
    #ajax-loader-page {
    background-image: url("../images/ajax-loader-page.gif");
    background-repeat: no-repeat;
    display: block;
    width: 200px;
    height: 4px;
    position: absolute;
    top:50%;
    left:20%;
}
    
}

/* Smartphones (landscape) ----------- */
@media only screen 
    and (min-width : 321px)
    and (max-width : 480px){
        
    .general_content_section { margin: 0 20px;}
    .general_content_section .section_content { width: 100%; }
    .general_content_section .section_projects { width: 100%; margin-top: 20px }
    .contactusdetails input, .contactusdetailsabout input { width: auto; }    
    
    .blog_recent_container { padding: 0 20px; }
    .recent_news_pos h3 { margin-left: 20px;}    
    .lease_article_img { width: 100%; margin-bottom: 20px; }
    .lease_article_content { width: 100%; }
    .lease_date { display: none; }
    .archive_btns { margin-left: 20px; }
    /* Styles */
    html, body {min-width: 321px; max-width: 480px; width: auto; }

    header .six {
        width: 48% !important;
        float: left !important;
    }
    
    header .six.last {
        float: right !important;
        width: 60px !important;
    }
    
    .logo_matter a {
        margin-left: 20px;
    }
    
    .mobile_menu_btn {
        display: block;
        width: 30px;
        height: 30px;
/*        border: 2px solid #212121;
        border-radius: 17px;*/
        margin-top: 15px;
        cursor: pointer;
        position: relative;
    }
    
    .mobile_menu_btn span {position: absolute; background: #fff; width: 24px; height: 4px; display: block; border-radius: 3px;}
    .mobile_menu_btn span.first_line {top: 4px; left: 50%; margin-left: -20px;}
    .mobile_menu_btn span.second_line {top: 50%; left: 50%; margin-left: -20px; margin-top: -2px;}
    .mobile_menu_btn span.third_line {bottom: 4px; left: 50%; margin-left: -20px;}
    
    ul.menu-list {
        position: absolute;
        top: 60px;
        left: 0;
        width: 100%;
        background: #000;
        display: none;
        border-top: 1px solid #212121;
        z-index: 100;
    }
    
    ul.menu-list li {
        width: 100%;
        display: block;
        height: 50px;
        text-align: center;
        line-height: 50px;
        background:#000;
        border-bottom: 1px solid #212121;
    }
    
    ul.menu-list li a {
        width: 100%;
        display: block;
        height: 50px;
        text-align: center;
        line-height: 50px;
        margin-top: 0;
        font-size: 16px;
    }
    
    .content_page {
        width: 95%;
        padding: 0 10px 60px;
        font-size: 14px;
        line-height: 1.2;
    }
    
    .content_page h2 {
        width: 100%;
        font-size: 35px;
        line-height: 1.5;
    }
    
    #ulwhat li, #ulwork li {margin-right: 10px;}
    
    #ulwhat li .menu_title, #ulwho li .menu_title, #ulwork li a {font-size: 0px;}
    #ulwhat li.current_page_item a .menu_title, #ulwho li.current_page_item a .menu_title {font-size: 24px;}
    
    .tags_list .filter {display: inline-block;zoom: 1;*display: inline;}
    #taglistt {display: none;}
    
    #home_content_container {
        margin-left: -160px;
        width: 320px;
    }
    
    #digital, #testimonials, .main_contact {
        width: auto;
        margin: auto;
    }
    
    #testimonials {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
    
    .testiblock {
        width: 100%;
    }
    
    h4.testititle {
        padding-left: 20px;
    }
    
    .testiblock .testicontent,
    .testiblock .testiperson,
    .testiblock .testiposition,
    .testiblock .testiimage {
        padding-left: 20px;
        padding-right: 20px;
        width: auto;
        clear: both;
    }
    
    .logo_matter a {
        margin-left: 20px;
    }
    
    .topcontent .textop, .aboutus_text {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
    
    .contactusdetailsabout {
        width: 100%;
    }
    
    .contactusdetailsabout .wpcf7 {
        padding-left: 20px;
    }
    
    .contactusdetailsabout .wpcf7 img.ajax-loader {
        float: left;
        margin-left: 98px !important;
        
    }
    
    .radioquote {
        display: block;
    }
    
    span.wpcf7-not-valid-tip {
/*        margin-top: -30px;*/
    }   
    
    .aboutus_text, .contactusdetailsabout p {
        padding: 0 20px;
    }
    
    .whocontent {
        margin: 0 20px;
    }

    .accordion .subsubcontent {
        -webkit-column-count: 1;
        -webkit-column-gap: 1px;
        -moz-column-count: 1;
        -moz-column-gap: 1px;
        column-count: 1;
        column-gap: 1px;
        margin: 0;
        padding: 0;
        width: 100%;
        float: none;
    }
    
    .relatedprojects {
        clear: both;
        min-width: 0px;
        margin-bottom: 20px;
        width: 100%;
        float: none;
    }
    
    .bottom_contact {
        padding: 0 20px;
    }
    
    .contact_col {
        width: 100%;
        float: left;
        margin-bottom: 20px;
        border-bottom: 1px solid #3F3C3C;
        padding-bottom: 40px;
    }
    
    .contact_col_r {
        width: 100%;
        margin: 0 auto;
        float: none;
    }
    
    #list_projects #article {
        width: 100% !important;
    }
    
    .details_content {
        width: 95%;
        clear: both;
        /* height: 80px; */
    }
    
    .contentdetails, .contentdetails div, .alsodetails {
        width: 95%;
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
    
    .contentdetails p {
        margin-top: 0;
    }
    
    .contactusdetails, .contactusdetailsabout {
        width: auto;
        margin: 0 20px;
        overflow: hidden;
    }
    
    .contactusdetails input, .contactusdetailsabout input {
        margin-bottom: 5px;
        display: block;
        font-size: 16px;
    }
    
    .contactusdetails input[type=submit], .contactusdetailsabout input[type=submit], .full_form input[type=submit] {
        float: left;
        margin-top: 3px;
        padding-right: 0px;
    }
    
    .mapcontainer {
        height: 100px !important;
    }
    
    #sitemap {
        float: none;
        display: block;
        clear: both;
    }
    
/*    .footer_contact {
        float: none;
        padding-left: 20px;
        position: relative;
        padding-top: 40px;
        padding-bottom: 20px;
    }
    
    .footer_contact span, .footer_contact a {
        float: none;
        display: block;
        margin-bottom: 10px;
    }
    
    .footer_contact a.facebookicon {
        position: absolute;
        top: 0;
        left: 20px;
    }
    .footer_contact a.tweeticon {
        position: absolute;
        top: 0;
        left: 50px;
    }*/
    
    .formfootercenter .theloader {
    
}
    
    .formfootercenter .theloader {
        clear: both;
        display: block;
        margin: 0 auto;
        padding-top: 2px;
        position: relative;
        width: 220px;
    }
    
    .main_content_footer_subscr input {
        margin-right: 0;
        width: 202px;
        font-size: 16px;
    }
    
    .formfootercenter span.wpcf7-not-valid-tip {
        margin-top: 0;
    }
    
    .blog_page .blog_page_left {
        float: none;
        width: 100%;
        overflow: hidden;
    }
    
    .blog_page .blog_page_right {
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }
    .blog_page .blog_page_left .article_blog {width: 100%;}
    .blog_page .blog_page_left .article_blog .img_blog, .blog_page .blog_page_left .article_blog .intro_blog {
        float: none;
        margin: 0 auto;
        width: 320px;
    }
    
    .blog_page .blog_page_left .article_blog .img_blog img {
        width: 100%;
    }
    
    .articlelink {
        padding: 20px;
    }
}

@media only screen 
    and (min-width : 481px) 
    and (max-width : 767px) {
        
    .general_content_section { margin: 0 20px;}
    .general_content_section .section_content { width: 100%; }
    .general_content_section .section_projects { width: 100%; margin-top: 20px }
        
    /* Styles */
    
    .blog_recent_container { padding: 0 20px; }
    .lease_article_img { width: 47%; }
    .lease_article_content { width: 47%; }
    .archive_btns { margin-left: 20px; }
    html, body {min-width: 481px; max-width: 767px; width: auto;}
    .recent_news_pos { max-width: 750px; }
    header .six {
        width: 48% !important;
        float: left !important;
    }
    
    header .six.last {
        float: right !important;
        width: 60px !important;
    }
    
    .logo_matter a {
        margin-left: 20px;
    }
    
    .mobile_menu_btn {
        display: block;
        width: 30px;
        height: 30px;
/*        border: 2px solid #212121;
        border-radius: 17px;*/
        margin-top: 15px;
        cursor: pointer;
        position: relative;
    }
    
    .mobile_menu_btn span {position: absolute; background: #fff; width: 24px; height: 4px; display: block; border-radius: 3px;}
    .mobile_menu_btn span.first_line {top: 4px; left: 50%; margin-left: -20px;}
    .mobile_menu_btn span.second_line {top: 50%; left: 50%; margin-left: -20px; margin-top: -2px;}
    .mobile_menu_btn span.third_line {bottom: 4px; left: 50%; margin-left: -20px;}
    
    ul.menu-list {
        position: absolute;
        top: 100px;
        left: 0;
        width: 100%;
        background: #000;
        display: none;
        border-top: 1px solid #212121;
        z-index: 100;
        margin-right: 0px;
        overflow: hidden;
    }
    
    ul.menu-list li {
        width: 100%;
        display: block;
        height: 50px;
        text-align: center;
        line-height: 50px;
        background:#000;
        border-bottom: 1px solid #212121;
    }
    
    ul.menu-list li a {
        width: 100%;
        display: block;
        height: 50px;
        text-align: center;
        line-height: 50px;
        margin-top: 0;
        font-size: 16px;
    }
    
    .content_page {
        width: 95%;
        padding: 0 10px 60px;
        font-size: 14px;
        line-height: 1.2;
    }
    
    .content_page h2 {
        width: 100%;
        font-size: 35px;
        line-height: 1.5;
    }
    
    #ulwhat li .menu_title, #ulwho li .menu_title, #ulwork li a {font-size: 0px;}
    /* #ulwhat li.current_page_item a .menu_title, #ulwho li.current_page_item a .menu_title, #ulwork li.current-cat a {font-size: 24px;} */
    
    #ulwhat li.current_page_item a .menu_title, #ulwho li.current_page_item a .menu_title {font-size: 24px;}
    
    .tags_list .filter {display: inline-block;zoom: 1;*display: inline;}
    #taglistt {display: none;}
   
    #home_content_container {
        margin-left: -240px;
        width: 480px;
    }
    
    #digital, #testimonials, .main_contact {
        width: auto;
        margin: auto;
    }
    
    #testimonials {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
    
    .testiblock {
        width: 100%;
    }
    
    h4.testititle {
        padding-left: 20px;
    }
    
    .testiblock .testicontent,
    .testiblock .testiperson,
    .testiblock .testiposition,
    .testiblock .testiimage {
        padding-left: 20px;
        padding-right: 20px;
        width: auto;
        clear: both;
    }
    
    .logo_matter a {
        margin-left: 20px;
    }
    
    .topcontent .textop, .aboutus_text {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
    
    .contactusdetailsabout {
        width: 100%;
    }
    
    .aboutus_text, .contactusdetailsabout p {
        padding: 0 20px;
    }
    
    .whocontent {
        margin: 0 20px;
    }

    .accordion .subsubcontent {
        -webkit-column-count: 1;
        -webkit-column-gap: 1px;
        -moz-column-count: 1;
        -moz-column-gap: 1px;
        column-count: 1;
        column-gap: 1px;
        margin: 0;
        padding: 0;
        width: 100%;
        float: none;
    }
    
    .relatedprojects {
        clear: both;
        min-width: 0px;
        margin-bottom: 20px;
        width: 100%;
        float: none;
    }
    
    .bottom_contact {
        padding: 0 20px;
    }
    
    .contact_col {
        width: 100%;
        float: left;
        margin-bottom: 20px;
        border-bottom: 1px solid #3F3C3C;
        padding-bottom: 40px;
    }
    
    .contact_col_r {
        width: 430px;
        margin: 0 auto;
        float: none;
    }
    
    #list_projects #article {
        width: 49.5% !important;
    }
    
    .details_content {
        width: 95%;
        clear: both;
        /* height: 80px; */
    }
    
    .contentdetails, .contentdetails div, .alsodetails {
        width: 95%;
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
    
    .contentdetails p {
        margin-top: 0;
    }
    
    .contactusdetails, .contactusdetailsabout {
        width: auto;
        margin: 0 20px;
    }
    
    .contactusdetails input, .contactusdetailsabout input {
        margin-bottom: 5px;
        display: block;
/*        width: auto;*/
    }
    
    .contactusdetails input[type=submit], .contactusdetailsabout input[type=submit], .full_form input[type=submit] {
       clear: both;
       float: none; 
       top: 5px; 
    }
    
    #sitemap {
        float: none;
        display: block;
        clear: both;
    }
    
    .blog_page .blog_page_left {
        float: none;
        width: 100%;
        overflow: hidden;
    }
    
    .blog_page .blog_page_right {
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }
    .blog_page .blog_page_left .article_blog {width: 100%;}
    .blog_page .blog_page_left .article_blog .img_blog, .blog_page .blog_page_left .article_blog .intro_blog {
        float: none;
        margin: 0 auto;
    }
    
    .articlelink {
        padding: 20px;
    }
    
/*    .footer_contact {
        float: none;
        padding-left: 20px;
        position: relative;
        padding-top: 40px;
        padding-bottom: 20px;
    }
    
    .footer_contact span, .footer_contact a {
        float: none;
        display: block;
        margin-bottom: 10px;
    }
    
    .footer_contact a.facebookicon {
        position: absolute;
        top: 0;
        left: 20px;
    }
    .footer_contact a.tweeticon {
        position: absolute;
        top: 0;
        left: 50px;
    }*/
}

@media only screen 
    and (min-width : 768px) 
    and (max-width : 1023px) {
    /* Styles */
    html, body {min-width: 768px; max-width: 1023px; width: auto;}
    
    header .six {
        width: 48% !important;
        float: left !important;
    }
    
    .logo_matter a {
        margin-left: 20px;
    }

    #digital, #testimonials, .main_contact {
        width: 748px;
        margin: auto;
    }
    
    #testimonials {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
    
    .accordion .subsubcontent {
        -webkit-column-count: 1;
        -webkit-column-gap: 1px;
        -moz-column-count: 1;
        -moz-column-gap: 1px;
        column-count: 1;
        column-gap: 1px;
        margin: 0;
        padding: 0;
        width: 60%
    }
    
    .relatedprojects {
        float: right;
        min-width: 0px;
        margin-bottom: 20px;
        width: 35%;
    }
    
    .contact_col {
        width: 100%;
        float: left;
        margin-bottom: 20px;
        border-bottom: 1px solid #3F3C3C;
        padding-bottom: 40px;
    }
    
    .contact_col_r {
        width: 430px;
        margin: 0 auto;
        float: none;
    }
    
    #list_projects #article {
        width: 33% !important;
    }
    
    .details_content {
        width: 748px;
        clear: both;
        /* height: 80px; */
    }
    
    .contentdetails, .contentdetails div, .alsodetails {
        width: 748px;
    }
    
    .contentdetails p {
        margin-top: 0;
    }
    
    .contactusdetails, .contactusdetailsabout {
      
    }
    
    .contactusdetails input, .contactusdetailsabout input {
        margin-right: 5px;
    }
    
    .contactusdetailsabout .theloader {
        margin-left: 488px;
    }
    
    .contactusdetails input[type=submit], .contactusdetailsabout input[type=submit], .full_form input[type=submit] {
       
        background-color: #ED1849;
        padding-right: 0px;
    }
    
    .blog_page .blog_page_left {
        float: none;
        width: 100%;
    }
    
    .blog_page .blog_page_right {
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }
    
    .blog_page .articlelink {
        padding: 0 20px;
    }
}

@media only screen 
    and (min-width : 1024px) 
    and (max-width : 1200px) {
        #list_projects #article {
            width: 33% !important;
        }
    }
    
@media only screen 
    and (max-width : 920px) { 
        .pag_next, .pag_prev { display: none; } 
    }
    
@media only screen 
    and (min-width : 1600px) {
        #list_projects #article {
            width: 19% !important;
        }
    }
    
@media only screen 
    and (max-width : 1000px) {
        .menu-list li { padding: 0 5px 0 5px; }
        .menu-list li a { font-size: 15px; }
        .menu-list li:last-child { margin-left: 15px;}
        .state_menu li a { font-size: 13px; }
        .subscribe_top h2 {margin-top: 6px; font-size: 15px; margin-left: 8px; }
        .subscribe_top { width: 120px;}
    }
    
    
@media only screen 
    and (max-width : 800px) {
        .menu-list li a { font-size: 14px; }
        .menu-list li:last-child { margin-left: 10px;}
        .state_menu li a { font-size: 12px; }
        .subscribe_top h2 {margin-top: 6px; font-size: 14px; margin-left: 8px; }
        .subscribe_top { width: 108px;}
    }
    
@media only screen 
    and (min-width : 768px) 
    and (max-width : 1100px) {
        ul.menu-list-footer li {
            width: 140px;
        }
        .menu-list-footer li ul li {
            float: none;
        }
    }
    
@media only screen 
and (max-width : 241px) {
    .fp_slide h2 { font-size: 28px; line-height: 36px; }
    .fp_slide a { font-size: 18px; line-height: 24px; padding-left: 20px; background-size: 11px; background-position: 0px 5px; }
}
    
@media only screen 
    and (max-width : 321px) { 
        .logo_matter { left: 10px; }
        .fp_slide h2 { font-size: 34px; line-height: 44px; margin-bottom: 10px; }
        .fp_slide a { font-size: 20px; line-height: 26px; padding-left: 20px; background-size: 11px; background-position: 0px 5px; }
        .contactusdetails h3 { margin-left: 10px; }
}

@media only screen 
    and (min-width : 330px) 
    and (max-width : 569px) {
        .fp_slide h2 { font-size: 40px; line-height: 56px; }
        
    }
    
@media only screen 
    and (max-width : 480px) {
        .fp_slide { margin-top: -35%;}
        .directors div { display: block; width: 100%; }
        .directors div:nth-child(even){ margin-right: 0px; margin-bottom: 10px; }
        .contact_form { width: 100% !important; }
        .half_form { width: 100%; float: none; overflow: hidden; clear: both; }
        .full_form .half_form:first-child { margin-right: 0px !important; margin-bottom: 15px; }
        .full_form input[type="text"], .half_form input[type="text"], .last_form input[type="text"] { width: 90%; }
        .subscribe_main input[type="text"] { padding: 6px 2%; width: 92% !important; }
        .logo_matter { left: 20px; }
        
    }
    
    
@media only screen  
    and (max-width : 767px) {
        .menu-list li { padding: 0 0px 0 0px; }
        .menu-list li:first-child a { padding-left: 0px; }
        .menu-list li a:hover { background-color: #ED1849; border-bottom: #212121; }
        .general_content_section.about p { margin-left: 15px; margin-right: 15px;}
        .fp_slide { margin-top: -30%;}
        ul.menu-list { position: absolute; top: 100px; left: 0; width: 100%; background: #000; display: none; border-top: 1px solid #212121; z-index: 100; margin-right: 0px; overflow: hidden;}
       
        .contact_form { width: 435px; margin: 0 auto;}
        .contact_container { width: auto; margin-left: 20px; margin-right: 20px; padding-bottom: 60px;}
        .contact_left { width: 100%; margin-right: 0px; float: none; overflow: hidden;}
        .contact_right{ float: none; width: auto;  }
        .lease_features { border: none;}
        .content_header { margin-left: 20px; margin-right: 20px; width: auto; }
        .lease_single_col_container { margin-left: 20px; margin-right: 20px; width: auto; }
        .single_lease_left { width: auto; float: none; display: block; }
        .single_lease_right { width: auto; float: none; display: block; margin-top: 40px; margin-bottom: 20px;}
        .general_content_section { margin: 0 20px;}
    .general_content_section .section_content { width: 100%; }
    .general_content_section .section_projects { width: 100%; margin-top: 20px }
        .recent_news_pos h3 { margin-left: 20px;}
        .sitemap, #subscribe {display: none;}
        .iconic {margin-top:-30px;}
        .current-menu-item .iconic {margin-top:-16px;}
        .archive_btns { margin-left: 20px; }
/*        #ulwork li a:before {margin-top:-25px;}*/
        #ulwork li.current-cat a:before {margin-top:-18px;}
        .blog_page {padding: 0 20px;}
        .blog_page .blog_page_left #content_blog ul.blog_gallery li {float: none; width: 100%;}
        .blog_page .blog_page_left .article_blog .img_blog, .blog_page .blog_page_left .article_blog .intro_blog, .img_blog img {
            width: 100%;
            padding: 0;
        }
        .img_blog img {
            margin-bottom: 10px;
        }
        
        header #awards {
            position: absolute;
            top: 56px;
            right: 0;
            width: 35px;
            height: 82px;
            z-index: 1000;
        }

        header #awards a {
            width: 35px;
            height: 82px;
            display: block;
            background: url(../images/css-design-award-nominee-duo3-vertical.png) no-repeat;
            background-size: 35px 82px;
            text-indent: -10000em;
            overflow: hidden;
        }
        
        .subscribe_container { top: 125px; right: 0px; width: 100%; }
        .subscribe_top { width: 100%; }
        .subscribe_main { height: 310px; }
        .subscribe_top h2 img { position: absolute; right: 15px; top: 20px;}
        .subscribe_main form { padding: 10px;}
        .subscribe_main form div { position: relative; margin: 0 auto; width: 100%; max-width: 500px;  }
        .subscribe_main input[type="text"] { padding: 6px 2%; width: 92%;}
        
        .menu-list li { margin: 0px !important; }
        .menu-list li:last-child a { padding-left: 5px;}
        
        .view_controls { right: 10px; }
    }