/*
@Author: ThemeMascot
@URL: http://ThemeMascot.com

This is the file where you can add your custom styles to change the look of the
theme. But don't modify style-main.css file.

*/

/* Your custom css codes start here: */
#top{
	margin-top: 20px;
}
.btn-primary {
	background-color: #FF9900;
	color: #ffff;
}
.btn-primary > a {
	color: #ffff;
	font-weight: 400;
}
#tope{
	margin-top: 20px;
	background-color: #6633cc;
	color: #ffff;
}
#white {
	color: #cadccd;
}

.bbb {
    max-width: 55% !important;
}


@media handheld, only screen and (max-width: 767px) and (orientation: portrait){
	.dcp {
		padding-top: 30px;
		padding-left: 10px;
		padding-bottom: 30px;
	}
	.bbb {
		max-width: 55% !important;
	}
}



/* ------------ Media Query for iPads --------*/
/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
	and (orientation: portrait){
		
		.bbb {
			max-width: 60% !important;
		}
		.dcp {
			width: 250%!important;
			position: relative!important;
			/* padding-bottom: 20px; */
			margin-left: 200px!important;
			bottom: 63px!important;
		}

	}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) {
	.dcp {
		max-width: 100%!important;
	}
	
	.ctdcp {
		width: 100%!important;
	}
	.bbb {
		width: 100% !important;
		padding-bottom: 20px!important;
	}
}

@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) {
	.ctdcp {
		width: 50%!important;
	}
}