@media (max-width: 961px){
	.logo{
    	margin: 10px 0;
	}
	.navbar-light .navbar-toggler{
	    border: none;
    	padding: 0;
	}
	.navbar-light .navbar-nav .nav-link{
	    padding: 10px 0;
    	border-bottom: 1px #ddd solid;
	}
	.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav li.active .nav-link {
		border-bottom: 1px #00418c solid;
	}
	.navbar-nav .dropdown-menu{
		border-radius: 0
	}
	.navbar-nav .dropdown-menu::before{
		display: none
	}
	footer .footer .row > div{
		margin-bottom: 30px
	}
	.sidebar .sidebarcountries a img{
		width: 100%
	}
	.content .left-panel .info .number{
		position: initial
	}
}
@media (max-width: 767px){
	.headerbg .headercontent{
	    padding: 20px;
	}
	.selectbadge .badgedropdown .btn{
    	min-width: 220px;
	}
	.who-we-are h2, .countries h2, .products h2, .how_it_works h2, .blogs h2{
		line-height: 28px;
    	margin-top: 20px;
	}
	.blogs li{
		margin-bottom: 30px
	}
	.productinfo .photo{
		margin-bottom: 10px
	}
	footer .footer .row > div{
		width: 50%;
	}
	#addToCartModal .yellbutton{
	    text-align: center;
    	display: flex;
    	margin-top: 15px;
	}
	#addToCartModal .yellbutton .btn{
	    display: flex;
    	align-items: center;
	}
	.contentForm::before{
		background-color: white;
	}
	.contentForm .explanation{
		display: none;
	}
	.agree, .faq ul li{
		margin-top: 20px
	}
	.contact .rightpanel > div ul li{
		padding: 15px 0;
    	color: #000;
		white-space: normal;
	}
	.contact .rightpanel > div ul li a{
		color:#000;
	}
}
@media (max-width: 568px){
	.logo{
		width: 100px;
    	margin: 10px 0;
	}
	.top-bar .topcontacts a{
	    font-size: 13px;
	}
	.headerbg .headercontent > div{
		font-size: 22px;
    	line-height: 22px;
	}
	.headerbg .headercontent{
		padding: 20px;
	}
	.headerbg .headercontent > h1{
		font-size: 35px;
	}
	.selectbadge .addtocard{
	    margin: 10px 0;
	}
	.selectbadge .countrydropdown .btn{
		min-width: 220px;
	}
	.who-we-are {
		padding: 50px 0;
	}
	.countries, .products, .how_it_works, .blogs{
	    padding: 30px 0;
	}
	.products ul li{
	    -ms-flex: 0 0 100%;
    	flex: 0 0 100%;
    	max-width: 100%;
		margin-bottom: 10px
	}
	.products ul li .price{
	    padding: 10px;
	}
	.how_it_works li{
		margin-bottom: 20px;
		-ms-flex: 0 0 100%;
    	flex: 0 0 100%;
    	max-width: 100%;
	}
	.steps{
	    padding-top: 20px;
	}
	.steps .dots > div:nth-of-type(even) span{
		position: relative;
		top: -68px;
		display: flex;
		justify-content: center;
		line-height: 15px;
	}
	.steps .dots > div:last-child > span{
		margin-left: -31px;
	}
	footer .footer .row > div{
		width: 100%
	}
	.datepicker table tfoot tr th.clear{
        display: table-cell !important;
    } 
}
@media (max-width: 320px){
	.top-bar .topcontacts a{
	    padding: 5px 7px;
    	font-size: 12px;
	}
}