/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	a[data-fancybox]:before{
		font-size: 45px;
		padding-top: 55px;
	}
	.img-block a[data-fancybox]:before{
		padding-top: 80px !important;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
	.navbar-right{
		float: left !important;
	}
	.navbar-header{
		float: none;
	}
	.logo{
		display: block;
	    float: none;
	    text-align: center;
	}
	.card-uslug-link {
	    display: inline-block;
	    margin-bottom: 30px;
	}
	.last-img{
	    width: 50% !important;
    	margin: auto;
	}
	.last-poradok .number-poradok{
	    left: 26%;
	}
	.logo-footer{
		font-size: 29px;
	}
	.circle{
	    padding-top: 20px;
	    height: 60px;
	    width: 60px;
	}
    a[data-fancybox]:before{
		font-size: 35px;
		padding-top: 45px;
	}
	.img-block a[data-fancybox]:before{
		padding-top: 55px !important;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
	.last-img{
	    width: 100% !important;
	}
	.last-poradok .number-poradok{
	    left: 15px;
	}
	.logo-footer{
		font-size: 26px;
	}
	.footer-text{
		text-align: center;
	}
	.logo{
		
		display: inline;
	    float: left;
	    text-align: left;
	}
	.navbar-default .navbar-brand{
		font-size: 26px;
    	padding-top: 8px;
	}
	.navbar-right{
		float: none !important;
	}
	.navbar-default .navbar-nav>.open>a, 
	.navbar-default .navbar-nav>.open>a:focus, 
	.navbar-default .navbar-nav>.open>a:hover{
		background-color: transparent;
	}
	.navbar-default .navbar-nav>.active>a, 
	.navbar-default .navbar-nav>.active>a:focus, 
	.navbar-default .navbar-nav>.active>a:hover{
		color: #fff;
    	border-bottom: 0;
    	background: #91D56E;
    	border-radius: 5px;
	}
	.btn-call{
		width: 100% !important;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>.active>a, 
	.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, 
	.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{
		color: #fff;
    	border-bottom: 0;
    	background: #91D56E;
    	border-radius: 5px;
	}
	.navbar-default .navbar-nav>li>a:hover{
		color: #fff;
		border: 0;
		border-bottom: 0 !important;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a{
		color: #fff;
	}
	.navbar-default ul li{
		margin-top: 2px;
	}

	.navbar-nav .open .dropdown-menu .dropdown-header, 
	.navbar-nav .open .dropdown-menu>li>a {
		padding: 5px 15px 5px 30px;
	}

	.order-form form .form-control{
		width: 80%;
		margin: auto;
	}
	.header-page{
		z-index: 1;
		top: 90px;
	}
	.order-form{
		bottom: 170px;
	}
	.card-poradok img{
		width: 100%;
	}
	footer .footer-menu{
		text-align: center;
	}
	footer .footer-menu ul{
		margin-bottom: 0;
	}
	footer .footer-menu-second ul{
		margin-top: 0;
		padding-top: 0;
	}
	hr{
		width: 90%;
	}
	.circle{
	    padding-top: 24px;
	    height: 70px;
	    width: 70px;
        margin: 5px 0;
	}
	.uslugi-blago h3{
        height: auto;
    }
    .poradok .circle{
        float:left;
    }
    .bord{
        border: none;
    }
    .poradok>div{
        text-align:left!important;
    }
    .poradok>div .text{
        padding-top: 24px;
        text-align:left!important;
    }
    .mb{
    	margin-bottom: 10px;
    }
	a[data-fancybox]:hover:before, a[data-fancybox]:before{
		display: none;
	}  
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	.header-block{
		font-size: 29px;
	}
	h1{
	    font-size: 27px;
	}
	.description-header{
	    font-size: 19px;
	}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	.navbar-nav>li {
	    margin-left: 2px;
	}

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 991px) {

}

 /* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	.order-form{
	    bottom: 150px;
	}

}