/* ***********************

    :: RESPONSIVE       

************************* */


/* ************************************************

    LARGE DEVICES ( DESKTOPS, LESS THAN 1200PX)    

************************************************** */

@media (min-width: 1600px) {}

@media (max-width: 1199.98px) {}



/* ************************************************

    MEDIUM DEVICES (TABLETS, LESS THAN 992PX)

************************************************** */

@media (max-width: 991.98px) {

	.option0 .imagebox,
	.option1 .imagebox,
	.option2 .imagebox
	 {
		width: 100%;
	}	

	.option2 .imagebox {
		height: 100%;
	}

.loader {
    top: 50%;
    right: 0;
	-webkit-transform: translateY(-50%);	
	  -moz-transform:  translateY(-50%);	
	  -ms-transform:   translateY(-50%);	
	  -o-transform:    translateY(-50%);	  
	    transform:     translateY(-50%);	
	}

.dropzone .dz-message {
    margin: 0;
    position: absolute;
    left: 0px;
    right: 0;
    top: 50%;
	-webkit-transform: translateY(-50%);	
	  -moz-transform:  translateY(-50%);	
	  -ms-transform:   translateY(-50%);	
	  -o-transform:    translateY(-50%);	  
	    transform:     translateY(-50%);
    height: auto;
	}

}


@media (max-width: 767.98px) {

.logo-style img{
	padding:0px 23px;
}

.slogan {
	padding:32px 0px;
}

h1 {
	font-size: 1.67rem;
}

.option0 .imagebox, .option1 .imagebox, .option2 .imagebox {
	margin-bottom: 14px;
}

.option2 .imagebox {
	width:230px;
	height: 230px;
	margin:0px auto 14px;
}

.modalactions a {
	margin-bottom: 7px;
}

}