/*##################################################################
#	Netbike custom adaptive styles
#	17.03.20
##################################################################*/
/*########################## 4x3 SCREEN (1024 - 1280) ###################*/
@media screen and (min-width: 1000px) and (max-width: 1239px){
.container.creat.block-card .content {
    height: 240px!important;
}
	
.container.creat.block-card .block-wrapper:nth-child(5) .content .body  {
   background: none;
}

	
.container.benefit.item-card p.title {
    height: 4em;
}
	
.container.benefit.item-card p.descr {
    height: 12em;
}

}
/*########################## BIG TABLET COMPUTER (720 - 1024) ###################*/
@media screen and (max-width: 999px){
	
.content.text.top {
    padding-left: 20px;
}
.container.benefit.item-card p.title {
    font-size: 18px;
    height: 4em;
}
.container.benefit.item-card p.descr {
    font-size: 14px;
    line-height: 19px;
    height: 14em;
}
	
.trvl {
    width: auto;
}
	
#footer .block.footermenu {
    margin-right: 0px;
}
	
#footer .block.footermenu a {
    padding: 0 10px;
    vertical-align: middle;
}
input[type='button'], input[type='submit'], a.button:link, a.button:visited {
    padding: 10px 0;
}

}
/*########################## BIG TABLET COMPUTER (480 - 720) ###################*/
@media screen and (max-width: 719px){
	
.content.text {
    font-size: 16px;
}
.content.text p {
    padding: 0.5em 10px;
}
	
h2 {
    font-size: 32px;
}
	
#header {
    margin-top: 0px;
}
	
#header .block.logo a {
    background-size: auto 100px;

}
.content.text.top {
    font-size: 16px;
	margin-bottom: 40px;
	padding: 0 20px;
}
	
.container.creat {
    margin-bottom: 50px;
}
	
.container.creat h2 {
    padding: 0;
}
	
.container.creat.block-card .block-wrapper {
    padding:20px 0;
}
.container.creat.block-card .content {
    height: 150px!important;
}
	
.container.creat.block-card p.title {
    font-size: 20px;
    line-height: 100%;
    padding-top: 0;
	padding-left: 0;
}
	
.container.creat.block-card p.descr {
    font-size: 14px;
    padding-left: 0;
}
	
.content.text.mark {
    font-size: 14px;
}
	
.map .day img{
	height:45px;
}
	
.map .hr-line.left {
    margin: 0 20px 0 20px;
}
	
.map .hr-line.right {
    margin: 0 20px 0 20px;
}
.hr-bottom {
    margin: 40px 20px;
    border-top: 1px solid #565656;
}
	
.container.plan {
    margin-top: 20px;
    margin-bottom: 50px;
}

.plan .text {
    font-size: 14px;
    padding-bottom: 20px;
}
	
.container.plan.block-card .content {
    height: 110px!important;
}

.container.plan.block-card p.title {
    font-size: 14px;
    padding: 0;
}
.container.benefit h2 {
    margin-bottom: 10px;
    padding: 0 20px;
}
	
.container.benefit.item-card p.title {
    font-size: 18px;
}
	
.container.benefit.item-card p.descr {
    font-size: 14px;
}

.container.benefit.item-card .ideas-footer {
    justify-content: center;
}
	
.container.benefit.item-card .ideas-footer a {
    font-size: 18px;
}
	
.container.benefit.item-card .ideas-footer a img {
    margin-left: 5px;
    height: 14px;
}
	
.container.benefit {
    margin-bottom: 20px;
}
	
.trvl {
    content: '';
    display: block;
    background-image: url(/images/main/2trvl-mobile.png);
    background-repeat: no-repeat;
    width: auto;
    margin: 100px auto;
    margin-bottom: 100px;
    background-position-x: right;
}
	
.trvl .text {
    padding: 0 20px;
}
	
.trvl .text .name {
    font-size: 28px;
    padding-top: 10px;
}
	
.trvl .text .descr {
    font-size: 16px;
    line-height: 25px;
    padding-top: 10px;
}
	
#footer .tablestyle {
    display: block;
}
	
#footer .block.logo {
    width: 100%;
    padding-left: 0;
}
	
#footer .block.footermenu {
    margin-right: 0;
}
	
#footer .block.footermenu a {
    line-height: 240%;
    padding: 0;
    display: block;
}
.content-top-right a.link-top {
    font-size: 18px;
    margin-left: 10px;
}
	
.content-top-right span {
    font-size: 18px;
}
	
.content-top-right img {
    height: 12px;
}
.container.four.item-card .content .body {
    padding: 20px 30px;
}
	.container.four.item-card .content .title {
    font-size: 18px;
}
.container.four.item-card .content .descr {
    font-size: 14px;
    line-height: 25px;
    height: 4em;
    margin-bottom: 8px;
}
.container.four.item-card .block-wrapper .content .hr {
    margin-top: 60px;
}
.container.icon-buttons.icon-fos .content div p.title {
    padding-right: 20px;
    padding-left: 20px;
}

/*########################## SMARTPHONE (<480) ##############################*/
@media screen and (max-width: 479px){

.container.benefit.item-card p.descr {
height:8em;
}

}