#bigcart span.title{display: none}
.moreonfb{float:right;}

@media only screen and (max-width: 1600px){
}
@media only screen and (max-width: 1420px){
  .smallcontact{margin-right: 15px;}
  .container{padding: 0px 30px;}
  .homeblue{padding-left: 90px; left:45%;}
.slogan{width: 100%}
.slogan.align-center{padding-top: 160px}


}
@media only screen and (max-width: 1280px){
  .homeblue{padding-left: 90px; left:41%; z-index: 4}
  .lgray > li > a.link{padding: 15px 10px;}

  .ikony{background-position: 70% 100%}


}
@media only screen and (max-width: 1170px){
    .lgray > li > a.link{padding: 15px 8px; font-size: 13px;}
.homepink{right:44%}
}

@media only screen and (max-width: 992px){
  .homepink p{display: none;}
  .homeblue{position: relative; width: 100%; top:80px; padding:30px 30px 30px 30px;background: #2A2F83; width: 100%; margin-left:100px; left: 0;border-radius: 400px 0px 0px  400px; height:auto;}
  .homeblue .wrap{width: 100%; padding: 100px;}
.topbar .navi{display: none;}



.mainbaner{background-image:none!important; height:auto; }
  .promopopup .wrap{width: 100%;}
  .menumobiletoggle{display: block;}

}


@media only screen and (max-width:767px){
  .moreonfb{float:left; width: 100%; margin-top: 30px;}
  .smallcontact .social {font-size: 13px;}
    .smallcontact .social span{display: none;}
  .smallcontact .social img{width: 24px;}

  #body-main .smallcontact .social {font-size: 13px;}
  #body-main  .smallcontact .social img{width: 36px;}

    .homeblue .wrap{width: 100%; padding: 50px; font-size: 13px; line-height: 19px; position: relative; z-index: 5;}
  .homeblue{margin-left:30px;}
  .homepink{z-index: 4;}
  .bigtitle{font-size: 50px; line-height: 55px;}
  .mediumtitle{font-size:35px; line-height: 40px;}
  .smalltitle{font-size:40px; line-height: 26px;}

}
@media only screen and (max-width:640px){
  .sc_wrap.blue{display: none;}
.topbar .logo{width: 200px}

  .grid-item.s3{width: 100%;}
    .homeblue .wrap{width: 100%; padding: 50px; font-size: 13px; line-height: 19px; }
  .homeblue{margin-left:0px; top:60px;border-radius: 200px 0px 0px 0px;}
  .bigtitle{font-size: 50px; line-height: 55px;}
  .mediumtitle{font-size:35px; line-height: 40px;}
  .smalltitle{font-size:20px; line-height: 26px;}

}


@media only screen and (max-width:480px){
  .kadra img{width: 100%!important; padding: 0px 30px 30px!important; float:none; }
  .container {padding: 0px 15px;}

  .bigtitle{font-size: 36px; line-height: 40px;}
  .mediumtitle{font-size:27px; line-height: 30px;}
  .smalltitle{font-size:20px; line-height: 26px;}

}