/*****************************************************************
    Responsive
*****************************************************************/
@media (max-width: 1175px) {
    #NewIndex .item .item-image img { max-width:100%; }
}


@media (max-width: 1024px) {

     body .zcmsdoor { display:none !important; }
     body img { max-width:100% !important; }
     body .wrapper { width:100%; }
     body [data-layout="only-desktop"] { display:none; }

     /* Header */
     #Header  { padding-left:10px ; padding-right:10px; }
        #Header ul li ul li a img {max-width: 55% !important;}
     #Header .language { margin-right:0; }
     #Header .header-logo { display:inline-block; width:auto; float:left; }
     #Header .header-navigation { /*float:right; display:inline-block; width:auto;*/ }

     #Footer  { padding-bottom:10px !important; text-align:center; height:auto; display:block; }
     #Footer .pull-right { display:block; float:none !important; margin:5px; }

    .med-wrapper { width:auto; margin:0; }

    #Banner { width:100%; height:auto; }
         #Banner .flex-control-nav { display: none; }

    #HomeIndex .categories { margin:0 15px; }
    #HomeIndex .f1_container:hover .f1_card {  -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; -webkit-transform: none !important; transform: none !important; }
    #HomeIndex .categories .col-md-3 { width:33.333333%; float:left; text-align:center !important; }
        #HomeIndex .categories .col-md-3 img { max-width:100%; }

    #HomeIndex .product_content .col-md-6 { float:left; width:50%; display:inline-block; }
    #HomeIndex .product_content .product_img { width:100%; padding:0; }
        #HomeIndex .product_content .product_img .img_holder { float:none; display:block; margin:10px ;width:auto !important; max-width:250px !important; }
    #HomeIndex .product_content .product_details { width:100%; }
    #HomeIndex .product_content img { width:100%; }

    #HomeIndex .kozzi_lovers .col-md-6 { display:block; width:100%; float:none; }
    #HomeIndex .kozzi_lovers .pink-section { background-position:center center; background-repeat:repeat; width: 100%; position:relative; margin:auto; height:auto;  text-align:center; }
    #HomeIndex .kozzi_lovers .kozzi_img { margin-top:20px; margin-bottom:25px; }
    #HomeIndex .kozzi_lovers .kozzi_details p { width:auto; }
    #HomeIndex .nav-tabs li { text-align:center; float:none; }
    #myTab li { display:inline-block; }
    #myColor li.selected { width:auto !important; display:inline-block !important; }
    
   #HomeContent .sobre_kozzi_content1 .content-box { width:auto; display:block; margin:0 40px; }
   #HomeContent .sobre_kozzi_certificate .content-box { width:auto; display:block; margin:0 40px; }
   #HomeContent .sobre_kozzi_video .content-box { width:auto; display:block; margin:0 40px; }
   #HomeContent iframe { width:100%; display:block; }

   #NewIndex .row { padding:0; margin:0; }
   #NewIndex .col-md-6 { width:50%; float:left; display:inline-block; }
   #NewIndex .item .main_text { padding:20px !important;  width:auto; }
   #NewIndex .item .main_text p { width:auto; }

   #NewsIndex .nticias_content { padding:0; margin:0; background:none; display:block; }
   #NewsIndex .nticias_content .main_text { display:block !important; width: 100% !important; margin-bottom:30px!important; padding:20px !important; margin:0 !important; float:none !important; text-align:center !important; }
   #NewsIndex .nticias_content .main_text .img_holder { float:none !important; display:block; text-align:center; float:none; margin:auto; margin-bottom:15px; }
   #NewsIndex .nticias_content .main_text .text_holder { width:auto !important; padding:0 !important; margin:00px !important; display:block !important; text-align:center; float:none !important; }
   #NewsIndex .nticias_content .main_text.nospace { float:none !important; }

   #HomeContacts .col-md-6 { width:50%; display:inline-block; float:left; }
   #HomeContacts .wrapper { padding:0 15px;}

   #Products .section-blue { margin:0; }
   #Products .box-content { width:auto; }
   #Products .box-content .book { right:5px; top:5px; }
   #Products .col-md-6 { width:50%; float:left; display:inline-block; }
   #Products .bgGray { width:auto; }
   #Products .section-gray .box { width:auto; }

   #Footer .icon-parterns {display:none;}
}

/*****************************************************************
    Medium Devices
*****************************************************************/
@media (max-width: 768px) {

    #ZCmsContent{padding-top:0;padding-bottom:0;}
    #Footer{position:relative;}
    #Footer .gray a{margin-right:0;}

      body { padding-top:0; }
     .mainContent{ padding-top:54px;}
      #Header { display:none; }
      #Mobile { position:relative; display: block; padding:10px; }
      .mobileWrapper {display: block; }
       #Mobile .logo {  background: url('../assets/images/menu/logo-mob.png'); width: 108px; height: 73px; position:absolute; left:0; right:0; margin:auto; top:2px; z-index:99999; display:inline-block; }
       #Mobile .logo:hover { opacity:0.7; filter:alpha(opacity=70); }
        #Mobile .fa-bars { font-size: 34px; color: #0996c6; cursor: pointer; }
        #Mobile .nav-bar { padding:10px 0; display: none; background:#00AEE9; margin:0 -10px; }
            #Mobile .nav-bar a { color: #FFF; font-family: 'ScoutCond'; font-size: 22px; text-transform:uppercase; display:block; padding:4px 20px; }
            #Mobile .nav-bar a:hover { background: #0981a9; }
        #Mobile .dropMenuDrop { display:none; }
        #Mobile .nav-bar ul { list-style:none; padding:0; margin:0; }
        #Mobile .dropMenuDrop li { display: block; }
            #Mobile .dropMenuDrop li a img { max-width:60px !important; margin-right: 10px; }
        #Mobile .dropMenuDrop { width: 100%; margin-top: 0; }
        #Mobile .language  { margin-top:7px; color: #969696; }
        #Mobile .language a { color: #969696; text-decoration: none; margin: 0 2px; text-transform: uppercase; letter-spacing: 1px; }
        #Mobile .language a.active { color: #00AEE9; }


    #HomeIndex .f1_container { height:180px; }

     #HomeIndex .product_content { padding: 60px 0; }
     #HomeIndex .product_content .row { margin:0; }
     #HomeIndex .product_content .col-md-6 { float:none; width:100%; display:block; margin:0; padding:0; }
     #HomeIndex .product_content .product_img { float:none; display:block; }
     #HomeIndex .product_content .product_details { margin:10px; display:block; width: auto !important; }

     #HomeContentGalery { width:100% !important; height:auto; }
     #HomeContentGalery .flex-direction-nav { display:none; }
     #HomeContent .navegation-section { display:none; }
     #HomeContent .sobre_kozzi_content1 h2 { margin-top:0; }
     #HomeContent .sobre_kozzi_content1 .effectShadow-white { display:none; }

     #HomeContent h2 { font-size:46px !important; }

     #NewIndex .col-md-6 { width:100%; float:none; display:block; }

     #NewsIndex .section-picture { height:320px; }

     #HomeContacts .col-md-6 { width:auto; display:block; float:none; margin-bottom:25px;  text-align:center; }
     #HomeContacts .content .logo { margin:auto; }
     #HomeContacts .content ul li { display:block; }
     #HomeContacts .content { display:none; }
     #HomeContacts .contentMobile { display:block !important; }

      #Products .col-md-6 { width:100%; float:none; display:block; text-align:center !important; }
      #Products .bgGray { text-align:center; }
      #Products .section-gray .box.top { text-align:center; }
      #Products .back { width:100%; left:0 !important; }
      #Products .col-md-6 img { float:none; }
      #Products .image.pull-right img { float:none; }
}

@media (max-width: 500px) {
    #Products .shadow { background-image: url('../images/thumbs/thumb18-mob.png'); height: 67px; width: 257px; display: block; top: -30px; position: relative; margin: auto; z-index: 0; }
    #HomeIndex .f1_container { height:120px; }
    #Products .section-blue h1 { font-size: 45px; }
     #HomeIndex h1, h2 { font-size:28px !important; }
     #HomeContent .sobre_kozzi_certificate h2 { margin-top:0; }
     #HomeContent .sobre_kozzi_certificate .effectShadow-blue { display:none; }
     #HomeContent .content-box p {font-size: 15px;}
     #HomeContent .content-box h3, h5 {font-size: 20px !important;}
     #Footer .icon-parterns {display:none;}
     #Products .box-content .book {display: none;}
}

@media (max-width: 400px) {

     #HomeContent h2 { font-size:36px !important; font-weight:bold; }
     #Footer .icon-parterns-mobile {display:none; vertical-align: middle;}
}