/* iPads (portrait and landscape) ----------- */
@media (max-width: 768px) {
  .navbar-toggle {
    display: inline-block;
  }
  #main-menu .navbar-form{ display: none;}
  #main-menu{
        text-align: center;
    }
}

@media  (min-width: 992px) and (max-width: 1200px) {
    
    .products_thumb1 img{
             height:200px;
             width:270px; 
    }

}



@media  (min-width: 768px) and (max-width: 1200px) {

    .style_panel .resp-body{
        padding:25px !important;
    }
}


@media (max-width: 992px) {

    #hide_on_small .navbar-brand img{
        /*width:290px !important;*/
/*        margin-top: 24px;*/
    }

     .products_thumb1 {
        margin:auto 1px;
    }
    .products_thumb1 img{
             height:200px;
             width:210px; 
    }
      .media_row table{
            width:70%;
    }

}

@media (min-width: 800px) and (max-width: 992px) {

      .products_thumb1 {
        margin:auto 5px;
    }
}


@media (max-width: 768px) {
    body{ overflow-x: hidden;}
    .navbar-header {
        float: none;
    }

    #top-menu .navbar-brand{
        margin-left:150px;
    }

    #top-menu .top-links {
        text-align: center;
        margin-top: 0px;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-nav {
        float: none !important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    .navbar-collapse.collapse.in {display: block !important;}
    .collapsing {overflow: hidden!important; }
    #main-menu .navbar-form {padding: 12px 15px;}
    #main-menu .navbar-form,
    .navbar-form .input-group{ 
        width: 100%;
    }
    .navbar-nav {margin: 0 -15px;}
    .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 10px 15px 10px 25px;
    }
    .dropdown-menu > li > a, 
    #main-menu.navbar-default .navbar-nav > li > a { margin: -1px 0 0 15px !important }
    h1 {
        font-size: 50px;
        line-height: 50px;
    }
    #header-slider .lead {display: none;}
    #header-slider .carousel-caption {top: 15%;}
    .en-cta{ text-align: center;}
    a.btn{ margin-top: 30px}
    #en-portfolio .item p{ font-size: 12px}
    #en-portfolio .hover-bg .hover-text{height: 70%}
    ul.cat li a {border-color:#f1f1f1 }
    ul.list-inline.cat{border-color: transparent;}
    ul.cat li a { line-height: 50px; }
    #itemsWork .hover-bg .hover-text.off { height: 100%; }
    #itemsWork.col3 .hover-bg .hover-text.off { height: 60%}
    .en-cta .text-right {text-align: center !important;}

    ul.list-block li {
        font-size: 16px;
        line-height: 30px;
        text-indent: 0px;
    }

    #wb_Form2{
        margin-top:20px;
    }

    #hide_on_small{
        display:none;
    }

    #show_on_small{
        display: block;
    }

    /*#show_on_small .navbar  .navbar-header img{
        width: 290px;
    }*/


    .products_thumb1 {
        margin:0px 5px;
    }

    .products_thumb1 img{
         /*height:180px;*/
         /*width:200px; */
    }

   /*  #show_on_small .navbar  .navbar-header i{
            font-size:24px;
    }
*/
    .style_img .col-xs-6{
        width:47.5%;
    }

    .new_models .list-unstyled {
        list-style: outside none none;
        padding-left:0px; 
    }

    .new_models ul.list-block i {
        margin-right:20px;
    }

    .style_panel .col-xs-6{
        width:49%;
    }

     #top-menu .list-unstyled{
            float:none;
        }

     #top-menu {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #top-menu img{
        margin-bottom: 30px !important;
    }


    .dropdown-menu > li > a, #main-menu.navbar-default .navbar-nav > li > a {
        margin: -1px 0 0 15px !important;
        padding:10px;  
        }

    #alertBox {
                position:relative;
                width:60%;
                min-height:100px;
              max-height:260px;
                margin-top:50px;
                border:0px solid #fff;
                background-color:#fff;
                background-repeat:no-repeat;
              top:5%;
    }

    .modal-dialog {
                margin:10px;
                width: 300px;
    }

}

@media (max-width: 640px) {
    #top-menu,
    .text-right{ text-align: center;}
    #main-menu{ text-align: center;}
    #main-menu .navbar-nav > li > a {
        padding-top: 15px;
        padding-bottom: 15px;
    }

     #top-menu .navbar-brand{
        margin-left:0px;
    }

    #top-menu .top-links {
        text-align: center;
        margin-top: 0px;
    }
/*
    #top-menu .navbar-header{ 
        margin-top: 0px;
        margin-bottom: 30px;
    }*/
    #top-menu .navbar-brand{ float: none !important;}
    .logo{ margin-right: 0}
    .top-contact ol li {
        margin-left: 0;
        margin: 0 10px;
    }
    h1 {
        font-size: 30px;
        line-height: 30px;
        letter-spacing: 0;
    }
    #header-slider .carousel-indicators {bottom: 20px }
    a.btn{ margin-top: 15px}
    .widget,
    .news,
    .service { margin-bottom: 40px; }
    .hover-bg:hover .hover-text.off {
        -webkit-transform: translateY(50%);
        transform: translateY(50%);
    }
    #en-portfolio .item p{ font-size: 14px}
    #itemsWork.col3 .hover-bg .hover-text.off { height: 80%}


    /*#show_on_small .navbar  .navbar-header img{
        width: 320px;
        height:70px;
    }*/

   /* #show_on_small .navbar-toggle {
            color: #000;
            margin-top:6px;
        }*/

  /*  #show_on_small .navbar  .navbar-header i{
            font-size:20px;
    }*/

  /*  #show_on_small .navbar-brand {
            float: left;
            font-size: 18px;    
             height: 65px; 
            line-height: 20px;
    }*/

   

}


@media (min-width: 540px) and (max-width: 687px) {

     .style_panel .resp-body{
        padding:25px !important;
    }
}


@media (max-width: 540px) {



    .media_row table{
            width:100%;
    }

    .media_row1 table{
            width:100%;
    }

    .style_panel .col-xs-6{
        float:none;
    }

    .style_panel .col-xs-6{
        width:80%;
    }

    .style_img .col-xs-6{
        width:100%;
    }

    .products_thumb1 {
        margin:10px 0px;
    }


    .style_img .col-xs-6{
        float:none;
    }

}

@media (max-width: 460px) {
s
    h2 { font-size: 24px;}
    #header-slider .carousel-caption {top: 5%;}
    .hover-bg:hover .hover-text.off {
        -webkit-transform: translateY(30%);
        transform: translateY(30%);
    }
    #testimonial .item {width: 100%;}
    #en-header .pull-right, 
    #en-header .pull-left{ 
        float: none !important;
        text-align: center; ;
    }
    .spacer{ padding: 10px 0}
    .smallspacer{ padding: 0}
    .media.comment .media-body{ font-size: 12px;}
    .comments img.media-object {
        width: 60px;
        height: 60px;
    }
    .author img.media-object {
        width: 80px;
        height: 80px;
    }
    #en-team .hover-bg .hover-text.off { height: 100%; }

    .sidebar-widget {
        border-top: 2px solid #1D4777;
        margin-bottom: 30px;
        padding: 20px 0 20px 0px;
    }

    /*#show_on_small .navbar  .navbar-header img{
        width: 250px;
        height:66px;
    }*/

/*    #show_on_small .navbar-toggle {
            color: #000;
            margin-top:10px;
        }
*/
  /*  #show_on_small .navbar  .navbar-header i{
            font-size:20px;
    }*/

/*    #show_on_small .navbar  .navbar-header{
            margin:10px 0px;
    }*/

/*    #show_on_small .navbar-brand {
            float: left;
            font-size: 18px;
             height: 55px; 
    }

     #show_on_small .navbar  .navbar-header img{
        height:65px;
    }*/

    .style_panel .col-xs-6{
        width:95%;
    }

     .modal-dialog {
        margin:10px;
        width: 250px !important;
    }


}
@media (max-width: 360px) {

    #top-menu .navbar-brand img{
        width:250px;
    }

    .logo {font-size: 25px;}
    a.carousel-control span.fa{ display: none;}
    h1 {
        font-size: 26px;
        letter-spacing: -2px;
        line-height: 24px;
    }
    .section-title.text-center { 
        width: 100%;
        margin-bottom: 30px;
    }
    #header-slider .carousel-caption a.btn,
    #header-slider .carousel-indicators {display: none }
    #en-portfolio,
    #en-services,
    #en-intro{ padding: 40px 0}
    .en-cta .overlay {padding: 5% }
    .hover-bg:hover .hover-text.off {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
    .testimonial blockquote{padding: 20px 0}
    #en-content { padding: 40px 0}
    #en-header .breadcrumb li a,
    #en-header .breadcrumb li.active{
        font-size: 12px;
    }
    #itemsWork.col3 .hover-bg:hover .hover-text.off {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
    #itemsWork.col3 .hover-bg .hover-text { height: 100%}
    #en-team .hover-bg .hover-text.off small{ display: none;}

/*
    #show_on_small .navbar  .navbar-header img{
        width: 220px;
    }


    #show_on_small .navbar  .navbar-header i{
            font-size:18px;
    }

    #show_on_small .navbar  .navbar-header{
            margin:8px -10px;
    }

    #show_on_small .navbar-brand {
            float: left;
            font-size: 18px;
            height: 50px; 
    }*/

    .style_panel .resp-body{
        padding:25px !important;
    }
}

@media (max-width: 320px) { 
    .logo {font-size: 20px;}
    small, 
    p{ font-size: 12px}
    #en-header .breadcrumb li a,
    #en-header .breadcrumb li.active{
        font-size: 10px;
    }

    button.en-btn, a.en-btn {
     padding: 10px 30px;
    }
/*
     #show_on_small .navbar  .navbar-header i{
            font-size:16px;
    }


     #show_on_small .navbar  .navbar-header img{
        width: 210px;
        height:60px;
    }*/

    #top-menu .top-contact .list-inline li:last-child a{
        font-size:14px !important;
    }

    #top-menu img{
       margin-left:-10px !important;
    }
    

}