@media (min-width: 1200px){

	div.concept-modal-manager div.cmm-wrap a.cmm-close{
		opacity: .7;
	    filter: alpha(opacity=70);
	    -moz-opacity: .7;;
	    transition: opacity .4s;
	    -webkit-transition: opacity .4s;
	    -moz-transition: opacity .4s;
	    -o-transition: opacity .4s;
	}
	div.concept-modal-manager div.cmm-wrap a.cmm-close:hover{
		opacity: 1;
	    filter: alpha(opacity=100);
	    -moz-opacity: 1;
	}
	div.concept-modal-manager div.cmm-wrap div.cmm-side.cmm-right-wrap div.cmm-body-wrap form.cmm-form  span.cmm-question:hover{
		opacity: 1;
	    filter: alpha(opacity=100);
	    -moz-opacity: 1;
	}

	div.concept-modal-manager div.cmm-wrap div.cmm-side.cmm-right-wrap div.cmm-body-wrap form.cmm-form div.cmm-column button[type="submit"]:hover{
		background-color: #587948;
	}
	div.concept-modal-manager div.cmm-wrap div.cmm-side.cmm-right-wrap div.cmm-body-wrap form.cmm-form div.cmm-service a.cmm-link:hover{
		text-decoration: none;
	}

	div.concept-modal-manager div.cmm-wrap div.cmm-side.cmm-center-wrap div.cmm-services-list:hover{
	    background-color: #f7f7f7;
	}
	div.concept-modal-manager div.cmm-wrap div.cmm-side.cmm-center-wrap div.cmm-services-list.active:hover{
	    background-color: #ededed;
	}

	div.cmm-wrapper.cmm-demo{

	}
	div.cmm-wrapper.cmm-demo div.open-cmm.cmm-tooltip-wrap span.cmm-tooltip{
	    opacity: 1;
	    filter: alpha(opacity=100);
	    -moz-opacity: 1;
	}
	div.cmm-tuts,
	span.cmm-tut{
	    display: none;
	}
	div.cmm-wrapper.cmm-demo div.cmm-tuts,
	div.cmm-wrapper.cmm-demo span.cmm-tut{
	    display: block;
	}
	span.cmm-tut{
	    width: 146px;
	    height: 14px;
	    position: absolute;
	    top: 14px;
	    left: 100%;
	    margin-left: 20px;
	    background: url('images/tut-1.png') center no-repeat;
	}
	span.cmm-tut,
	span.cmm-tut2,
	span.cmm-tut3,
	span.cmm-tut4{
		display: none;
	}
	span.cmm-tut.open,
	span.cmm-tut2.open,
	span.cmm-tut3.open,
	span.cmm-tut4.open{
		display: block;
	}

	span.cmm-tut2{
	    width: 222px;
	    height: 54px;
	    position: absolute;
	    top: 200px;
	    left: 100%;
	    margin-left: 20px;
	    background: url(images/tut-3.png) center no-repeat;

	}
	span.cmm-tut3{
	    width: 223px;
	    height: 108px;
	    position: absolute;
	    top: 200px;
	    left: 100%;
	    margin-left: 20px;
	    background: url(images/tut-2.png) center no-repeat;
	}
	span.cmm-tut4{
	    width: 208px;
	    height: 130px;
	    position: absolute;
	    top: 200px;
	    left: 100%;
	    margin-left: 20px;
	    background: url(images/tut-4.png) center no-repeat;
	}
}


@media (min-width: 992px) and (max-width: 1199px){
	div.concept-modal-manager div.cmm-wrap div.cmm-side{
		width: 315px;
	}
	div.concept-modal-manager div.cmm-wrap div.cmm-side.cmm-left-wrap div.cmm-head,
	div.concept-modal-manager div.cmm-wrap div.cmm-side.cmm-left-wrap div.cmm-body,
	div.concept-modal-manager div.cmm-wrap div.cmm-side.cmm-center-wrap div.cmm-body-wrap,
	div.concept-modal-manager div.cmm-wrap div.cmm-side.cmm-right-wrap div.cmm-body-wrap{
		padding: 25px;
	}
	div.concept-modal-manager div.cmm-wrap div.cmm-side.cmm-left-wrap div.cmm-footer div.cmm-footer-in{
	    padding: 20px 5px 20px 25px;
	}
	div.concept-modal-manager div.cmm-wrap div.cmm-side.cmm-left-wrap div.cmm-body ul > li,
	div.concept-modal-manager div.cmm-wrap div.cmm-side.cmm-center-wrap div.cmm-services-list div.cmm-service div.cmm-name{
		font-size: 17px;
	}
	div.concept-modal-manager div.cmm-wrap div.cmm-side.cmm-center-wrap div.cmm-services-list{
	    padding: 20px 25px;
	    margin: 0 -25px;
	}
	
}


@media (min-width: 768px) and (max-width: 991px){
	div.concept-modal-manager div.cmm-wrap{
		width: 90%;
	}
	div.concept-modal-manager div.cmm-wrap div.cmm-side{
		width: 100%;
		
	}
	div.concept-modal-manager div.cmm-wrap div.cmm-side.open{
		position: absolute;
	}
	div.concept-modal-manager div.cmm-wrap div.cmm-side div.cmm-back{
		display: block;
	}
}


@media (max-width: 767px){
	div.concept-modal-manager div.cmm-wrap{
		width: 100%;
	}
	div.concept-modal-manager div.cmm-wrap div.cmm-side{
		width: 100%;
		
	}
	div.concept-modal-manager div.cmm-wrap div.cmm-side.open{
		position: absolute;
	}
	div.concept-modal-manager div.cmm-wrap a.cmm-close{
	    left: initial;
	    right: 10px;
	    top: 10px;
	    margin-left: 0;
	    background-image: url('images/cross_mob.png');
	    background-size: contain;
	}
	div.concept-modal-manager div.cmm-wrap div.cmm-side div.cmm-back{
		display: block;
	}
	div.concept-modal-manager div.cmm-wrap div.cmm-side.cmm-left-wrap div.cmm-head,
	div.concept-modal-manager div.cmm-wrap div.cmm-side.cmm-left-wrap div.cmm-body{
		padding: 25px;
	}
	div.concept-modal-manager div.cmm-wrap div.cmm-side.cmm-center-wrap div.cmm-body-wrap,
	div.concept-modal-manager div.cmm-wrap div.cmm-side.cmm-right-wrap div.cmm-body-wrap{
		padding: 45px 25px 25px;
	}
	div.concept-modal-manager div.cmm-wrap div.cmm-side.cmm-left-wrap div.cmm-footer div.cmm-footer-in{
	    padding: 20px 5px 20px 25px;
	}
	div.concept-modal-manager div.cmm-wrap div.cmm-side.cmm-left-wrap div.cmm-body ul > li,
	div.concept-modal-manager div.cmm-wrap div.cmm-side.cmm-center-wrap div.cmm-services-list div.cmm-service div.cmm-name{
		font-size: 17px;
	}
	div.concept-modal-manager div.cmm-wrap div.cmm-side.cmm-center-wrap div.cmm-services-list{
        padding: 10px 15px;
    	margin: 0 -15px;
	}
}