/********************************************************************************************/
/**************************************** RESPONSIVE ***************************************/
/******************************************************************************************/

/* Large desktop */
@media (max-width: 1200px) {   
    .ak-container, 
    body.boxed-layout{
        width: 100%;
        padding: 0 0px;
    }

    /*** HEADER ***/
    #site-navigation .menu > ul > li > a{
        padding: 0 10px;
    }
    .header-wrap .search-icon{
        padding: 0 10px;
    }

    /*** BUSINESS ACTIVITIES AND EVENT-LIST ***/
    .events-section .bx-wrapper .bx-controls-direction a{
        display: none;
    }
    .event-list-wrapper, .business-activities-wrapper{
        margin-left: 0;
    }
    .business-section .business-wrapper{
        margin-left: 2%;
        width: 32%;
    }
    .business-section .business-wrapper:first-child{
        margin-left: 0;
    }

    /*** WHAT CLIENTS SAY ***/
    .clients-say-section .testimonial-wrap {
        padding: 0 30px;
        width: 100%;
    }

    /*** FEATURED POST ***/
    .featured-section .featured-post-wrapper {
        margin-left: -1%;
    }
    .featured-section .featured-post{
        margin-left: 1%;
        width: 24%;
    }

    /*** CONTACT-US-SECTION ***/
    .google-section-wrap {
        margin-left: 0;
        right: 0;
        left: auto;
    }

    #latest-events{
        width: 773px;
        padding: 0;
    }
	
		  .twistlocks {
    font-size: 16px;
    padding: 3% 18%;
    text-align: center;}
	
		.about_us {
    padding: 3% 18%;
    text-align: center;
}

.about_sec2 {

    padding: 3% 12% 2%;
    text-align: center;
}

.about_text {
    padding: 3% 18% 2%;
    text-align: center;
	
}

/******************************************************************************************/

@media screen and (max-width:992px){
    .ak-container{ 
        width: 100% ;
    }
        
    /*** FOOTER ***/
    #top-footer .footer{
        width: 50%;
    }

    #top-footer .hide ,
    #mid-section .hide{
        display: block;
        margin-bottom: 25px;
    }

    /*** HEADER ***/
    .site-branding.main-logo{
        float: none;
        width: calc(100% - 60px);
		padding: 20px;
    }
    .logo-left .site-branding.main-logo img{
        height: auto !important;
    }
    .menu-toggle{ 
        background: url(../images/menu.png) no-repeat center #21659f;   cursor: pointer;
        display: block;
        float: none;
        height: 48px;
        margin: 0;
        position: absolute;
        right: 0;
        text-indent: -9999px;
        top: 0;
        width: 48px;
    }
    .header-wrap{
        position: relative;
    }
    #site-navigation .menu {
    background: #fff none repeat scroll 0 0;
    border-top: 1px solid #009fe1;
    display: none;
    float: none;
    margin-left: 64%;
    padding-left: 10px;
    width: 35%;
	z-index:100;
    }
    #site-navigation .menu > ul > li:hover > a:before, 
    #site-navigation .menu > ul > li.current_page_item > a:before, 
    #site-navigation .menu > ul > li.current-menu-item > a:before, 
    #site-navigation .menu > ul > li.current_page_ancestor > a:before, 
    #site-navigation .menu > ul > li.current-menu-ancestor > a:before{
        height: 1px;
        top:-1px;
    }
    .header-wrap .main-navigation{
        float: none !important;
    }
    .header-wrap .search-icon{
        display: none;
    }
    .menu-toggle{
        right: 5px;
    }

    /*** FEATURED POST ***/
    .featured-section .featured-post{
        width: 49%;
        margin-bottom: 15px;
    }
    .featured-section .featured-post img{
        width: 100%;
    }
    .clients-say-section .bx-wrapper .bx-controls-direction a{
        display: none;
    }

    /*** SIDEBAR ****/
    #primary, 
    .sidebar , 
    .both-sidebar #primary-wrap #primary,
    .both-sidebar #primary-wrap .left-sidebar.sidebar,
    .both-sidebar .right-sidebar,
    .left-sidebar #primary,
    .left-sidebar.sidebar{
        float: none;
        width: 100%;
    }
    .both-sidebar #primary-wrap {
        float: none;
        width: 100%;
    }
    #primary{
        margin-bottom: 0px;
    }

    .slider-caption .caption-title{
        font-size:24px; 
    }
    .slider-caption .caption-description{
        font-size: 18px;
    }

    .rtl .menu-toggle{
        left: 5px;
        right: auto;
        text-indent: 999px;
    }
	.headerlinks {
  display:none;
}	
}


/******************************************************************************************/

/* Landscape phone to portrait tablet */
@media screen and (max-width:768px){
    .ak-container{ 
        width: 100% ;
    }
    .slider-caption,
    .slider-wrap .bx-wrapper .bx-controls-direction a{
        display: none;
    }

    /*** BUSINESS ACTIVITIES ***/
    .business-section .business-wrapper{
        display: inline-block;
        float: none;
        margin: 0 0 20px;
        width:100%;
    }
    .business-section .business-wrapper:last-child{
        margin-bottom: 0;
    }
    #site-navigation .menu > ul > li {
        display: block;
        float: none !important; 
        border-bottom:1px solid #DDD;
    }

    #site-navigation .menu > ul > li > a {
        border:none;
        display: block;
        line-height: 42px;
        padding: 0;
    }
    #site-navigation .menu > ul > li:hover > a:before, 
    #site-navigation .menu > ul > li.current_page_item > a:before, 
    #site-navigation .menu > ul > li.current-menu-item > a:before, 
    #site-navigation .menu > ul > li.current_page_ancestor > a:before, 
    #site-navigation .menu > ul > li.current-menu-ancestor > a:before{
        display: none;
    }
    #site-navigation .menu ul ul{
        border:none;
        position: static;
        box-shadow:none;
    }
    #latest-events{
        width: 100%;
        padding:0 10px;
	
    }
		  
	  .twistlocks {
    font-size: 16px;
    padding: 3% 18%;
    text-align: center;}
	
	.about_us {
    padding: 3% 18%;
    text-align: center;
}

.about_sec2 {
    padding: 3% 18% 2%;
    text-align: center;
}

.headerlinks {
	display:none;
}
.service {
    color: #333;
    font-size: 16px;
    padding: 146px 35px 50px 20px;
    text-align: center;
}
.headerlinks {
  display:none;
}	

	
}

/******************************************************************************************/

@media screen and (max-width: 640px) {
   /h1{ font-size:20px;}
    h2{ font-size:24px;}
    h3{ font-size:16px;}
    h4{ font-size:14px;}
    h5{ font-size:12px;}
    h6{ font-size:10px;}
	
	

.product_header {padding: 60px 35px 35px; background-color: #21659f;
    background-image: url("/cn_style/wp-content/uploads/2015/11/bg_blue1.jpg");
    background-position: top left;
    background-repeat: no-repeat; }
.contact_header {padding: 60px 35px 35px; background-color: #21659f;
    background-image: url("/cn_style/wp-content/uploads/2015/11/bg_blue1.jpg");
    background-position: top left;
    background-repeat: no-repeat; }	
.service_header {padding: 60px 35px 35px; background-color: #009fe1;}
.smartlock {color: #fff;
    font-size: 19px;
    padding: 5% 12% 9%;}
.twistlocks {padding:3% 7%; text-align: left; font-size: 16px;}
.twistlocks h5 {font-size: 30px;
    font-weight: 700;
    padding-bottom: 15px;
	line-height: 40px;}
.twistlocks h6 {   font-size: 22px;
    font-weight: 300;
    line-height: 30px;
    padding-bottom: 2px;
    padding-top: 15px;}	
.download_text {  padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    text-align: left;}	

.anchor_text {padding: 7%;color: #333; text-align: left;}
.impress_text {padding: 45px 15%; color: #333;}
.anchor_text2 {padding: 7%; color: #333; text-align: left;}
.anchor_text h2{ color: #21659f;}
.anchor_text2 h2{ color: #009fe1;}
.design_head {padding: 60px 35px 35px;}
.design_head h2 {color: #009fe1;}
.lashing {     background-color: #21659f;
    color: #fff;
    font-size: 19px;
    font-weight: 800;
    margin-top: 50px;
    padding: 32px;
    text-align: center;}
.about_us { padding: 6%;
    text-align: left;}
.about_text { padding: 6% 5% 2%;
    text-align: left;}	
.about_us h3 { color: #000;
    font-size: 24px;
    font-weight: normal;
    padding-bottom: 20px;
	line-height:30px}
.service {
    color: #333;
    font-size: 16px;
    padding: 15% 3%;
    text-align: left;}
.service_text { background-image: url(http://sec-bremen.de/wp-content/uploads/2015/11/anchor_bg1.png);background-size: cover;
    padding: 18px;}	
.about_sec { padding: 35px; }	
.about_sec h2 {color: #333;}
.about_img {  padding: 15px 35px 35px;  }
.about_img img{  max-width:100%; }
.about_sec2 { 
    padding: 3% 5% 2%;
    text-align: left;}
.location_img { padding: 35px;}	
.starttop {   color: #fff;
    font-size: 14px;
    padding-bottom: 10%;
    padding-right: 15%;
    padding-top: 19%;
    text-align: right; }
.products_over { border-bottom: 5px solid #21659f;
padding-top: 35px;}	
.gallery { padding-top: 35px;}
.download_page { font-size: 16px;
    font-weight: bold;
    padding: 35px;
    text-transform: uppercase;}	
	
.headerlinks {
  display:none;
}	
header.site-header {
  padding: 0 0 0 10px;
}
}

/******************************************************************************************/

/* Landscape phones and down */
@media screen and (max-width:520px){
    #slider-banner .bx-wrapper .bx-pager{
        display: none;
    }
    .featured-section .featured-post-wrapper{
        margin-left: 0;
    }
    .featured-section .featured-post{
        width: 100%;
        float: none;
        margin-left: 0;
    }

    /*** FOOTER ***/
    #top-footer .footer {
      border-bottom: 1px solid #009fe1;
    float: none;
    margin: 3px 0 30px;
    min-height: 0;
    padding-bottom: 30px;
    width: 100%; 
    }
    #top-footer .footer .widget{
        background: none;
        padding: 0;
        margin:0;
		text-align: left;
		padding: 1px 10px 0 20px;
    }
    #google-map .ak-contact-address{
        width: 100%;
    }
    input[type="text"], 
    input[type="email"], 
    input[type="url"], 
    input[type="password"], 
    input[type="search"],
    textarea,
    textarea#comment{
        width: 100%;
    }
    .entry-thumbnail,
    .entry-exrecpt {
        width: 100%;
        float: none;
        margin-bottom: 10px;
    }
    .cat-portfolio-list,
    .cat-testimonial-list{
        width: 100%;
        float: none;
    }
    .cat-portfolio-list img,
    .cat-testimonial-list img{
        width: 100%;
    }
    .event-excerpt{
        display: none;
    }
    .events-section .event-list .event-title a{
        font-size: 20px;
    }
    .events-section .event-list .event-date{
        width: 30px;
        height: 60px;
    }
    .events-section .event-list .event-date-day{
        font-size: 13px;
        line-height: 16px;
    }
    .events-section .event-list .event-date-month{
        font-size: 11px;
    }
    .read-more-btn{
        margin-top: 10px;
    }
}


@media screen and (max-width:420px){
 #latest-events{
        width: auto;
    }
}

@media screen and (min-width:993px){
    #site-navigation .menu{
        display: inline-block !important;
    }
}