@CHARSET "UTF-8";

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
	.full_info{
		padding: 5px 0;
	}
	
	.service-process{
		background-size: 100% auto;
		background-position: top left;
	}
	
	.caption-head {
		height: 60px;
    	width: 60px;
	}
	
	.span3 {
    	width: 17%;
	    min-height: 1px;
	    margin-left: 20px;
	}
	
	.caption-head .caption-icon {
		height: 20px;
    	margin-top: 3px;
	}
	
	.caption-title{
		font-size: 10px;
	    line-height: 10px;
	    padding: 1px 0 6px 0;
    	margin: 0;
	}
	
	.icon-big {
	    font-size: 1.2em;
	    line-height: 1;
	}
	
	.lable-section{
	    font-size: 14px;
	}
	
	.sub_service{
	    width: 100%;
	}
	
	.col-service{
		padding-left: 3px !important;
		padding-right: 3px !important;
	}
	
	.myCarousel{
		padding-left: 0px;
	}
	
	.modal-dialog{
		top: 350px !important;
	}
}

@media only screen and (min-width : 375px) {
	.full_info{
		padding: 5px 0;
	}
	
	.service-process{
		background-size: 95% auto;
		background-position: top left;
	}
	
	.caption-head {
		height: 60px;
    	width: 60px;
	}
	
	.span3 {
    	width: 17%;
	    min-height: 1px;
	    margin-left: 20px;
	}
	
	.caption-head .caption-icon {
		height: 20px;
    	margin-top: 3px;
	}
	
	.caption-title{
		font-size: 10px;
	    line-height: 10px;
	    padding: 1px 0 6px 0;
    	margin: 0;
	}
	
	.icon-big {
	    font-size: 1.2em;
	    line-height: 1;
	}
	
	.lable-section{
	    font-size: 15px;
	}
	
	.sub_service{
	    width: 100%;
	}
	
	.col-service{
		padding-left: 3px !important;
		padding-right: 3px !important;
	}
	
	.myCarousel{
		padding-left: 5px;
	}
	
	.modal-dialog{
		top: 350px !important;
	}
}

@media only screen and (min-width : 410px) {
	.full_info{
		padding: 5px 0;
	}
	
	.service-process{
		background-size: 94% auto;
		background-position: top left;
	}
	
	.caption-head {
		height: 70px;
    	width: 70px;
	}
	
	.span3 {
    	width: 17%;
	    min-height: 1px;
	    margin-left: 20px;
	}
	
	.caption-head .caption-icon {
		height: 30px;
    	margin-top: 3px;
	}
	
	.caption-title{
		font-size: 10px;
	    line-height: 10px;
	    padding: 1px 0 6px 0;
    	margin: 0;
	}
	
	.icon-big {
	    font-size: 1.5em;
	    line-height: 1;
	}
	
	.lable-section{
	    font-size: 16px;
	}
	
	.sub_service{
	    width: 100%;
	}
	
	.col-service{
		padding-left: 3px !important;
		padding-right: 3px !important;
	}
	
	.myCarousel{
		padding-left: 25px;
	}
	
	.modal-dialog{
		top: 350px !important;
	}
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
	.full_info{
		padding: 5px 0;
	}
	
	.service-process{
		background-size: 96% auto;
		background-position: top left;
	}
	
	.caption-head {
		height: 90px;
    	width: 90px;
	}
	
	.span3 {
    	width: 20%;
	    min-height: 1px;
	    margin-left: 20px;
	}
	
	.caption-head .caption-icon {
		height: 45px;
    	margin-top: 4px;
	}
	
	.caption-title{
		font-size: 12px;
	    line-height: 21px;
	    padding: 1px 0 7px 0;
    	margin: 0;
	}
	
	.icon-big {
	    font-size: 2.5em;
	    line-height: 1;
	}
	
	.lable-section{
	    font-size: 18px;
	}
	
	.sub_service{
	    width: 95%;
	}	
	
	.col-service{
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
	
	.modal-dialog{
		top: 350px !important;
	}
}

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 600px) {
	.full_info{
		padding: 15px 0;
	}
	
	.service-process{
		background-size: 97% auto;
		background-position: top left;
	}
	
	.caption-head {
		height: 100px;
    	width: 100px;
	}
	
	.span3 {
    	width: 21%;
	    min-height: 1px;
	    margin-left: 20px;
	}
	
	.caption-head .caption-icon {
		height: 48px;
    	margin-top: 5px;
	}
	
	.caption-title{
		font-size: 13px;
	    line-height: 22px;
	    padding: 1px 0 8px 0;
    	margin: 0;
	}
	
	.icon-big {
	    font-size: 3em;
	    line-height: 1;
	}
	
	.lable-section{
	    font-size: 20px;
	}
	
	.sub_service{
	    width: 95%;
	}
	
	.col-service{
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
	
	.modal-dialog{
		top: 350px !important;
	}
}


/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	.full_info{
		padding: 25px 0;
	}
	
	.service-process{
		background-size: 100% auto;
		background-position: top left;
	}
	
	.caption-head {
		height: 120px;
    	width: 120px;
	}
	
	.span3 {
    	width: 160px;
	    min-height: 1px;
	    margin-left: 25px;
	}
	
	.caption-head .caption-icon {
		height: 58px;
    	margin-top: 8px;
	}
	
	.caption-title{
		font-size: 14px;
	    line-height: 26px;
	    padding: 2px 0 9px 0;
    	margin: 0;
	}
	
	.icon-big {
	    font-size: 3em;
	    line-height: 1;
	}
	
	.lable-section{
	    font-size: 24px;
	}
	
	.sub_service{
	    width: 90%;
	}
	
	.col-service{
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	.full_info{
		padding: 30px 0;
	}
	
	.service-process{
		background-size: 97% auto;
		background-position: top center;
	}
	
	.caption-head {
		height: 150px;
    	width: 150px;
	}
	
	.span3 {
    	width: 21%;
	    min-height: 1px;
	    margin-left: 30px;
	}
	
	.caption-head .caption-icon {
		height: 70px;
    	margin-top: 15px;
	}
	
	.caption-title{
		font-size: 18px;
	    line-height: 26px;
	    padding: 5px 0 10px 0;
    	margin: 0;
	}
	
	.icon-big {
	    font-size: 4em;
	    line-height: 1.1;
	}
	
	.lable-section{
	    font-size: 30px;
	}
	
	.sub_service{
	    width: 80%;
	}
	
	.col-service{
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	
	.old{
    	padding-left: 10px;
	}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	.full_info{
		padding: 40px 0;
	}
	
	.service-process{
		background-size: 100% auto;
   		background-position: top center;
	}
	
	.caption-head {
		height: 200px;
    	width: 200px;
	}
	
	.span3 {
    	width: 260px;
	    min-height: 1px;
	    margin-left: 30px;
	}
	
	.caption-head .caption-icon {
		height: 90px;
    	margin-top: 35px;
	}
	
	.caption-title{
		font-size: 22px;
	    line-height: 32px;
	    padding: 5px 0 15px 0;
    	margin: 0;
	}
	
	.icon-big {
	    font-size: 5em;
	    line-height: 1.1;
	}
	
	.lable-section{
	    font-size: 34px;
	}
	
	.sub_service{
	    width: 80%;
	}
	
	.col-service{
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	
	.old{
    	padding-left: 20px;
	}
}