.main-image img {
    width: auto !important;
}
div#dynamic_recaptcha_1 iframe {
    height: 78px !important;
}
.selectnav { display: none; }
#log-panel .button1 {
    display: none;
}
.camera_prev {
    margin-left: 0px !important;
    left: 100px !important;
}
.camera_next {
    margin-right: 0px !important;
    right: 100px !important;
}
#nav-handler #menu-handler{ 
    width: 100%;
}
@media screen and (max-width: 1199px) {
    #top-handler form{text-align: right;}
    #top-handler input[type="text"]{
        max-width: 100% !important;
        width: 130px;
    }
    #top-handler .search .button{
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media only screen and (max-width: 1024px) {
    .content2-detail li { height: 70.8vw; width: 50%; }
}
@media screen and (max-width: 1023px) {
    #menu .menu-nav > li > a > span {
        letter-spacing: 0px;
        padding: 0px 20px;
    }
    iframe{
        height: auto !important;
      
    }
    .service_top1 .bg_service01{
        margin-left: -15%;
    }
    .service_top3 .bg_service03
    {        
        margin-left: 15%;
    }
    .moduletable_style4{
        padding-top: 0px !important;
    }
}
@media only screen and (max-width: 770px) {
    .content2-detail li:nth-child(2) .content2-text{
        position: relative;
    }
    .content2-detail li:nth-child(2) .content2-text > div{
        position: absolute;
        top: 19%;
    }
}
@media screen and (max-width: 767px) {
  .ask-a-question-view .form-field .submit {
    width: 100%;
    text-align: center;
}
  .submit .floatleft {
    float: none !important;
    display: inline-block !important;
    margin-top: 10px;
}
  .main-image {
  
    width: 100% !important;
   
}
  .row-fluid [class*="span"] {
    min-height: auto;
}
  .browse-view .vm-product-media-container {
    width: 100%;
    height: auto;
    text-align: center;
}
  .lang-active img, .lang-inline img {
  
     float: none; 
   
}
  .djslider-loader {
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
  
    a#menupanel {display: block;}
    #menu #nav{ display: none; }
    #menu .selectnav { display: block; width:98%; }
    .selectnav { margin: 3px 1%; }
    .menu-nav {
        display: none;
    }
    #log-panel .button1 {
        display: inline;
        float: none !important;
        margin: 3px;
    }
    a#v_toggle {
        display: none;
    }
    #top-nav-handler .custom
    , #top-nav-handler form
    , #top-nav-handler form .search{
        float: left;
        width: 100%;
        display: block;
    }

    #top-nav-handler .custom
    , #top-nav-handler form
    , #top-quick-nav p{
        text-align: center;
    }
    .flag {
        float: none;
        text-align: center;
        display: inline-block;
    }
}

@media only screen and (max-width:500px) {   
    .content2-detail li { position: relative; float: none; height: 70.8vw; width: 100%; margin-top: 10px; }
    .content2-detail li:nth-child(2) .content2-text{
        position: absolute;
    }
    .content2-img { overflow: hidden; width: 100%; height: 100%; }
    .content2-text { bottom: 0; width: 100%; position: absolute; background: rgba(0,0,0,0.8); height: 25%; }
    .content2-text>div { width: 75%; position: relative; }
    .content2-text .icon { top: 50%; right: 0; position: absolute; background: url(../images/index-img6.png) no-repeat top center; background-size: 100%; width: 32px; height: 32px; margin-top: -16px; }
    .content2-text:after { display: none; }
    .content2-text p:first-child, .content2-text p { }
    .content2-detail li:nth-child(2) .content2-text{
        position: absolute;
    }
    .content2-detail li:nth-child(2) .content2-text > div{
        position: relative;
        top: 0px;
    }
    .content2-text>div {
        padding-top: 25px;
    }
}

@media only screen and (max-width:450px) {
    .content2-text p:first-child { font-size: 18px; margin-bottom: 0px; }
    .content2-text p { font-size: 14px; }
    .content2-text .icon { width: 25px; height: 25px; margin-top: -12.5px; }
}

@media (min-width: 1200px) { 
    .camera_caption h1 {
        font-size: 320%;
        letter-spacing: -1px;
    }

    .camera_caption h2 {
        font-size: 135%;
        letter-spacing: 0px;
    }

    .camera_caption {
        font-size: 110%;
    }

    #search-position .search .inputbox, #search-position .finder .inputbox {
        max-width: 105px;
    }

    .p20 {
        width: 17.94% !important;
    }

}
@media only screen and (max-width: 980px){
    #tmp-container .search #mod-search-searchword {
        width: 120px;
    }
    #tmp-container .search .button {
        width: 30px;
    }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
    .mod-languages {  
        width: 100% !important;
        float: right;
    }
  .vm-product-media-container {
        width: 100% !important;
        float: none;
    }
  .djslider-default .navigation-container .prev-button, .djslider-default .navigation-container .next-button {
  
    top: -15px;
}
    a#menupanel{
        position: relative;
    }
    .icon_menu{    
        display: inline-block;
        width: 60px;
        margin-top: 5px;
        text-align: left;
        margin-left: 0px;
        margin-right: 0px;
    }
    .text_menu{
        display: inline-block;
        width: 100px;
        text-align: left;
        position: absolute;
        top: 10px;
    }
    #slideshow-handler.container {
        width: 100%;
    }

    #main-handler, #bottom-long {
        padding: 0px 10px;
    }

    body {
        padding: 0px 2px !important;
    }

    #top, #sn-position {
        height: auto !important;
    }

    .camera_caption h1 {
        font-size: 190%;
        letter-spacing: -1px;
    }

    .camera_caption h2 {
        font-size: 100%;
        letter-spacing: 0px;
    }

    #top {
        padding: 5px;
    }

    .moduletable, .moduletable_text, .moduletable_style1, .moduletable_style2, .browse-view .row, .moduletable_menu {margin-bottom:5px;}

    .inner {
        padding: 0px 10px;
    }

    #site-name-handler {
        height: auto !important;
    }

    #sn-position, #log-panel {
        text-align: center;
    }

    #sn-position #h1, #sn-position #h2 {
        position: static !important;
    }

    #social-links {
        text-align: center;
        width: 100%;
    }

    #social-links li, #log-panel li {
        display: inline;
        background: none;
        margin: 0px;
        float: none;
    }

    #social-links li a, #log-panel li a {
        display: inline-block;
        float: none;
        margin: 0px 1px;
        padding: 7px;
    }

    #top-quick-nav {
        float: none;
        text-align: center;
    }

    #top-nav-handler .custom, #top-nav-handler .pull-right {
        float: none; 
    }

    .menu-horizontal {
        padding: 0px;
        margin: 0px;
    }

    #nav-handler {
        padding: 10px;
    }
    #center_menuu #menu-handler{   
        margin-top: 0px;
    }
    #menu-handler { 
        float: left; 
        width: 20%; 
    }

    #search-handler {
        width: 79%;
        float: right;

    }

    #log-panel {
        float: none;
        text-align: center;
        margin-bottom: 20px !important;
    }

    .rm-line {
        display: block;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        width: 50px;
        height: 3px;
        margin: 3px 0px 3px 0px;
        max-width: 70px;
    }

    a#menupanel {
        padding-top: 7px;
        padding-bottom: 7px;
    }

    #bot-modules .span2, #bot-modules-2 .span2, .row-fluid .ex-span2, .row-fluid .ex-span1_5  {
        width: 100% !important;
    }

    .span2.sp20 {
        width: 100% !important;
    }

    #top-nav-handler { padding-top: 0px !important; }

    #social-panel {
        padding: 0px;
        position: static;
        width: 100%;
    }

    #social {
        width: 100%;
        height: 30px;
        padding: 20px 0px;
        text-align: center;
        float: none;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }

    #bottom-bg .container, #footer .container {
        padding: 0px 20px;
    }
    body div.panel1{top:8.5% !important;}
    .menupanel ul.selectnav li a {
        text-transform: uppercase !important;
    }
    .camera_caption > div > div{
        width: 74.5% !important;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .camera_caption h2{        
        font-size: 45px !important;
    }
    .camera_caption {
        top: 37% !important;
    }
    .mobicenter{
        text-align: center !important;
    }
    .box_right_office{
        margin-top: 0px !important;
        text-align: center !important;
    }
    .box_right_office img{
        float: none !important;

    }
    .box_right_office .titleoffice{
        position: relative;
        width: 100px;
        margin: 0 auto;
        top: 15px;
    }
    #foo-left-right, #foo-left-right p, #listlogobrands{
        text-align: center !important;
    }
    #listlogobrands #a_width a {
        width: 24.5%;
        text-align: center;
    }
    .vm-product-media-container{        
        width: auto;
        height: auto;
    }
    .service_top1{
        height: auto !important;
    }
    .service_top2 .centered{
        max-width: 98%;
        text-align: center;
        box-sizing: border-box;
        margin-left: 1%;
    }
    .service_top2 h3{
        margin-left: 0px;
    }
    .service_top3 .centered {
        width: 96%;
    }
    .service_top1 .overflow {
        position: relative;
    }
    .halfImage {
        -webkit-transform: skew(0deg, 0deg);
        -moz-transform: skew(0deg, 0deg);
        -ms-transform: skew(0deg, 0deg);
        -o-transform: skew(0deg, 0deg);
        transform: skew(0deg, 0deg);
        width: 100%;;
    }
    .service_top1 .halfImage{
        margin-right: 0px;
    }
    .service_top1 .bg_service01 {
        margin-left: 0px;
        width: 100%;
    }
    .halfContentL, .halfContentR{
        width: 100%;
    }
    .halfContentL, .halfImageL {
        float: none;
    }
    .hiddenImage {
        -webkit-transform: skew(0deg, 0deg);
        -moz-transform: skew(0deg, 0deg);
        -ms-transform: skew(0deg, 0deg);
        -o-transform: skew(0deg, 0deg);
        transform: skew(0deg, 0deg);
    }
    .service_top2 .centered {
        margin-top: 30%;
    }
    .service_top3 .bg_service03{
        margin-left: 0px;
    }
    .service_top3 .halfImage{
        margin-left: 0px;
    }
    .service_top3 .centered {
        margin-top: 50px;
    }
    .contact-input-box input, input.required, #jform_contact_message{
        width: 80%;
    }
}

@media (max-width: 580px) { 
    #listlogobrands #a_width a {
        width: 45%;
        line-height: 100px;
        height: 100px;
        vertical-align: top;
        float: left;
    }
    #listlogobrands #a_width a:nth-child(2n+1){

    }
}
/* Landscape phones and down */
@media (max-width: 480px) { 


    #site-name-handler {
        height: auto !important;
    }

    #sn-position {
        text-align: center;
    }

    #sn-position h1, #sn-position h2 {
        position: static !important;
    }

    #top-nav-handler #social { 
        float: none;
        padding: 35px 0px 10px 0px;
    }

    #social-links {
        text-align: center;
    }

    #social-links li {
        display: inline;
        background: none;
        margin: 0px;
    }

    #social-links li a {
        display: inline-block;
        float: none;
        margin: 0px 1px;
    }

    .inner {
        padding: 0px 5px;
    }

    #search-position .search .inputbox, #search-position .finder .inputbox {
        max-width: 100px;
    }

    #foo-left-right .span6 p {
        text-align: center !important;
    }

    .camera_pag {
        bottom: 0% !important;
    }

}


@media (max-width: 410px) { 
    #search-position .search {clear:both;}
    #search-position form {float:none;padding:0px;}
    a#menupanel{margin-bottom: 3px;}
    #listlogobrands #a_width a {
        width: 96%;
    	height: 100%;
    }
}