/* Desktop Services Styles */

@media(min-width: 1200px){
	.service-para{
		width: 80%;
    	padding: 0px 32px;
		color: #1b75bc;
		font-size: 18px;
	}

	.service-para h1{
		margin-top: 15px;
	}

	.service-para p{
		font-family: 'Montserrat', sans-serif;
		line-height: 25px;
		font-size: .9em;
	}

	.image-placeholder{
		width: 90%;
		margin: auto;
		height: 300px;
		background: #1b75bc;
		border-radius: 10px;
	    border: 1px solid #e8cee3;
	}

	#left, #right{
		padding-top: 40px;
	}
	
	#mob{
		display: none;
	}	#pedijatriski-pregled{
		background: url('http://doktormira.mk/themes/drmira/assets/images/pedijatarski-pregled-desk.jpg');
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		/*clip-path: polygon(0 0, 100% 0, 100% 97%, 0% 100%);*/
		z-index: 2;
	}

	#ekg{
		background: url('http://doktormira.mk/themes/drmira/assets/images/ekg-desk.jpg');
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		/*clip-path: polygon(0 0, 100% 0, 100% 97%, 0% 100%);*/
		z-index: 1;
	}	

	#rast-kaj-deca{
		background: url('http://doktormira.mk/themes/drmira/assets/images/pratenje-na-rast-kaj-deca-desk.jpg');
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		/*clip-path: polygon(0 0, 100% 0, 100% 97%, 0% 100%);*/
		z-index: 2;
	}

	#opsta-medicina{
		background: url('http://doktormira.mk/themes/drmira/assets/images/opsta-medicina-desk.jpg');
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		/*clip-path: polygon(0 0, 100% 0, 100% 97%, 0% 100%);*/
		z-index: 1;
	}

	#laboratoriski{
		background: url('http://doktormira.mk/themes/drmira/assets/images/laboratoriski-upat-desk.jpg');
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		/*clip-path: polygon(0 0, 100% 0, 100% 97%, 0% 100%);*/
		z-index: 1;
	}

	#inhalacii{
		background: url('http://doktormira.mk/themes/drmira/assets/images/inhalacii-desk.png');
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		/*clip-path: polygon(0 0, 100% 0, 100% 97%, 0% 100%);*/
		z-index: 1;	
	}
}

@media(min-width: 1024px) and ( max-width: 1199px){	
	.service-para{
		width: 80%;
		padding: 15px 55px;
		color: #1b75bc;
		font-size: 18px;
	}

	.image-placeholder{
		width: 90%;
		margin: auto;
		height: 300px;
		background: #1b75bc;
		border-radius: 10px;
		border: 1px solid #e8cee3;
	}
	
	#mob{
		display: none;
	}
	
	#pedijatriski-pregled{
		background: url('http://doktormira.mk/themes/drmira/assets/images/pedijatarski-pregled-desk.jpg');
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		/*clip-path: polygon(0 0, 100% 0, 100% 97%, 0% 100%);*/
		z-index: 2;
	}

	#ekg{
		background: url('http://doktormira.mk/themes/drmira/assets/images/ekg-desk.jpg');
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		/*clip-path: polygon(0 0, 100% 0, 100% 97%, 0% 100%);*/
		z-index: 1;
	}	

	#rast-kaj-deca{
		background: url('http://doktormira.mk/themes/drmira/assets/images/pratenje-na-rast-kaj-deca-desk.jpg');
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		/*clip-path: polygon(0 0, 100% 0, 100% 97%, 0% 100%);*/
		z-index: 2;
	}

	#opsta-medicina{
		background: url('http://doktormira.mk/themes/drmira/assets/images/opsta-medicina-desk.jpg');
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		/*clip-path: polygon(0 0, 100% 0, 100% 97%, 0% 100%);*/
		z-index: 1;
	}

	#laboratoriski{
		background: url('http://doktormira.mk/themes/drmira/assets/images/laboratoriski-upat-desk.jpg');
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		/*clip-path: polygon(0 0, 100% 0, 100% 97%, 0% 100%);*/
		z-index: 1;
	}

	#inhalacii{
		background: url('http://doktormira.mk/themes/drmira/assets/images/inhalacii-desk.png');
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		/*clip-path: polygon(0 0, 100% 0, 100% 97%, 0% 100%);*/
		z-index: 1;	
	}
}

@media(min-width: 651px) and (max-width: 1023px){
	.service-para{
		width: 90%;
		margin: auto;
		padding: 30px 10px 0 50px;
		color: white;
		font-size: 18px;
		/*position: absolute;*/
		z-index: 2;
	}

	.image-placeholder{
		width: 90%;
		margin: auto;
		height: 330px;
		background: #1b75bc;
		border-radius: 10px;
		/*position: absolute;*/
		z-index: 1;
	}

	.row{
		position: relative;
	}

	.column-half{
		position: relative;
	}

	.image-placeholder{
		position: absolute;
		width: 100%;
	}

	.service-para{
		position: absolute;
		width: 90%;
		line-height: 30px;
	}

	#left,
	#right{
		height: 320px;
		position: relative;
	
	}

	.column-fix{
		height: 0;
	}
	#pedijatriski-pregled{
		background: url('http://doktormira.mk/themes/drmira/assets/images/pedijatarski-pregled.png');
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		/*clip-path: polygon(0 0, 100% 0, 100% 97%, 0% 100%);*/
		z-index: 2;
	}

	#ekg{
		background: url('http://doktormira.mk/themes/drmira/assets/images/ekg.png');
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		/*clip-path: polygon(0 0, 100% 0, 100% 97%, 0% 100%);*/
		z-index: 1;
	}	

	#rast-kaj-deca{
		background: url('http://doktormira.mk/themes/drmira/assets/images/pratenje-na-rast-kaj-deca.png');
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		/*clip-path: polygon(0 0, 100% 0, 100% 97%, 0% 100%);*/
		z-index: 2;
	}

	#opsta-medicina{
		background: url('http://doktormira.mk/themes/drmira/assets/images/opsta-medicina.png');
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		/*clip-path: polygon(0 0, 100% 0, 100% 97%, 0% 100%);*/
		z-index: 1;
	}

	#laboratoriski{
		background: url('http://doktormira.mk/themes/drmira/assets/images/laboratoriski-upat.png');
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		/*clip-path: polygon(0 0, 100% 0, 100% 97%, 0% 100%);*/
		z-index: 1;
	}

	#inhalacii{
		background: url('http://doktormira.mk/themes/drmira/assets/images/inhalacii.png');
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		/*clip-path: polygon(0 0, 100% 0, 100% 97%, 0% 100%);*/
		z-index: 1;	
	}

	.services-page-title{
		margin-bottom: 40px;
	}
	
	#mob{
		display: none;
	}
}

@media(max-width: 650px){
	.service-para{
		width: 90%;
		margin: auto;
		padding: 10px 10px 0 10px;
		color: white;
		font-size: 1em;
		line-height: 23px;
		/*position: absolute;*/
		z-index: 2;
	}

	.image-placeholder{
		width: 90%;
		margin: auto;
		height: 380px;
		background: #1b75bc;
		/*position: absolute;*/
		z-index: 1;
	}

	.row{
		position: relative;
	}

	.column-half{
		position: relative;
	}

	.image-placeholder{
		position: absolute;
		width: 100%;
		border-radius: 10px;
	}

	.service-para{
		position: absolute;
		width: 90%;
	}

	#left,
	#right{
		height: 380px;
		position: relative;
		margin-top: 10px;
	
	}

	.column-fix{
		height: 0;
		position: absolute;
	}

	#pedijatriski-pregled{
		background: url('http://doktormira.mk/themes/drmira/assets/images/pedijatarski-pregled.png');
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		/*clip-path: polygon(0 0, 100% 0, 100% 97%, 0% 100%);*/
		z-index: 2;
	}

	#ekg{
		background: url('http://doktormira.mk/themes/drmira/assets/images/ekg.png');
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		/*clip-path: polygon(0 0, 100% 0, 100% 97%, 0% 100%);*/
		z-index: 1;
	}	

	#rast-kaj-deca{
		background: url('http://doktormira.mk/themes/drmira/assets/images/pratenje-na-rast-kaj-deca.png');
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		/*clip-path: polygon(0 0, 100% 0, 100% 97%, 0% 100%);*/
		z-index: 2;
	}

	#opsta-medicina{
		background: url('http://doktormira.mk/themes/drmira/assets/images/opsta-medicina.png');
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		/*clip-path: polygon(0 0, 100% 0, 100% 97%, 0% 100%);*/
		z-index: 1;
	}

	#laboratoriski{
		background: url('http://doktormira.mk/themes/drmira/assets/images/laboratoriski-upat.png');
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		/*clip-path: polygon(0 0, 100% 0, 100% 97%, 0% 100%);*/
		z-index: 1;
	}

	#inhalacii{
		background: url('http://doktormira.mk/themes/drmira/assets/images/inhalacii.png');
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		/*clip-path: polygon(0 0, 100% 0, 100% 97%, 0% 100%);*/
		z-index: 1;	
	}

	#desk{
		display: none;
	}

	#mob{
		display: block;
	}

	.collapsible {
		background-color: #eee;
	  	color: white;
		cursor: pointer;
		padding: 18px;
		/*width: 100%;*/
		border: none;
		text-align: left;
		outline: none;
		font-size: 15px;
		margin-top: 10px;
	}

		/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
	.active-serv, .collapsible:hover {
		  background-color: #ccc;
	}

		/* Style the collapsible content. Note: hidden by default */
	.content {
		padding: 0 18px;
		background-color: white;
		max-height: 0;
		overflow: hidden;
	  	transition: max-height 0.2s ease-out;
		font-family: 'Montserrat', sans-serif;
		line-height: 25px;
	}

}