@charset "utf-8";
/ CSS Document /

/* #Media Queries
================================================== */

/ Smaller than standard 960 (devices and browsers) /
@media only screen and (max-width: 1280px) {
	body{ overflow-x:hidden;}
	.banner.generic {min-height: 503px;}
	.banner { min-height: 666px;}
	.banner_main{ min-height: 400px;  background: #d7272e;}
	.white_line
		{
		display:none;
		}
}

@media screen and (min-width:1024px) and (max-width: 1279px) {
img {max-width:100%; }
.row { width:1100px; }

.ban-img {width: 43%;}
.cap.cap-center { padding: 0px 0 40px 2%; transform: translateY(-47%); top:auto; top:50%;}
.cap h1 {font-size: 32px; line-height: 38px;}
.cap h1 br, .cap span br{ display:none;}
.cap span {font-size: 22px; line-height: 30px;margin-bottom: 15px;}
.cap p {margin-bottom: 15px;}

.banner.generic {min-height: 385px;}
.banner { min-height: 508px;}
}

@media screen and (min-width:1024px) and (max-width: 1155px) {
img {max-width:100%; }
.row { width:1000px; }
}


@media screen and (min-width:768px) and (max-width:1023px) {
img {max-width:100%; }
.row, .row1 { width:750px; }


.cap.cap-center { padding: 0px 0 40px 2%; transform: translateY(-46%); width: 60%;}
.cap h1 { font-size: 28px; line-height: 32px; margin-bottom: 10px; }
.cap span { font-size: 22px; line-height: 28px; margin-bottom: 15px; }
.cap img { margin-bottom: 10px; }
.cap h1 br { display: none; }
.cap h3 { font-size: 24px; line-height: 28px; margin-bottom: 5px;}
.cap p { padding-bottom: 0; margin-bottom: 10px; font-size: 15px; }

.skill { padding: 50px 0;}
.skill h1 { font-size: 34px; line-height: 40px;}
.skill-list { width: 47%; margin: 30px 0 0 0; }
.skill-list ul li { margin-bottom: 30px; }
.skill-list ul li p { line-height: 26px; }

.skill-listchooseUs { width: 47%; margin: 30px 0 0 0; }
.skill-listchooseUs ul li { margin-bottom: 30px; }
.skill-listchooseUs ul li p { line-height: 26px; }
.app h1 { font-size: 34px; line-height: 40px; }

.comp { padding: 50px 0px; }
.comp h1 { font-size: 34px; line-height: 40px; margin-bottom: 40px; }
.comp ul li h2 { font-size: 26px; line-height: 34px;}
.wht-makes  { padding: 50px 0px; }
.wht-makes h2 { font-size: 34px; line-height: 40px;}
.wht-takes { padding: 60px 0; background-position: center; }
.wht-makes ul li h3 { font-size: 24px;}

.m-b-50, .cap h3.m-b-50 { margin-bottom: 20px;}
.banner.generic { min-height: 302px;}
.banner { min-height: 399px;}
}

@media screen and (max-width:767px) {
img {max-width:100%; }
.row, .row1 { width:100%; padding:0 15px; }

.m-menu{ display: block; }
.menu { width:100%;}
.ddsmoothmenu { display:none;}
.cap {padding: 50px 0% 0; width:100%; text-align:center;}
.cap a.rules { margin-left:0;width: 100%; margin-top:15px;}
.banner .row { width:100%;}
.ban-img::after { display:none;}
.cap.cap-center { position:relative; padding:40px 0% 0; top:auto; transform:none;}
.cap h1 { font-size: 29px; line-height: 34px; margin-bottom: 28px;}
.cap span {font-size:20px; line-height:28px;}
.cap h1 br, .cap span br { display:none;}
.cap p { text-align:center;}
.ban-img { width:100%; margin-top:40px;}
.cap h3 {font-size: 20px; line-height: 24px; }
.cap p { font-size:16px; line-height: 22px;}
.cap a { width:100%;}
.cap a.Login { width:100%; margin-left: 0; margin-top: 1em;}
.skill { padding:45px 0;}
.skill h1 { font-size: 28px; line-height: 34px;}
.skill h1 { margin-bottom:40px;}
.skill h1 br { display:none;}
.skill-pad { text-align:center;}
.skill-img { width:100%;}
.skill-imgchooseUs { width:100%;}
.skill-list { width:100%; float:left;}
.skill-list ul li span { width:100%; margin:0; line-height:inherit;}
.skill-list ul li span img { margin-bottom:18px;}
.skill-list ul li { font-size:16px; line-height:22px;}
.skill-list ul li p { width:100%; text-align:center; font-size:16px; line-height:24px;}
.skill-listchooseUs { width:100%; float:left;}
.skill-listchooseUs ul li span { width:100%; margin:0; line-height:inherit;}
.skill-listchooseUs ul li span img { margin-bottom:18px;}
.skill-listchooseUs ul li { font-size:16px; line-height:22px;}
.skill-listchooseUs ul li p { width:100%; text-align:center; font-size:16px; line-height:24px;}
.skill .p_choose{text-align: center;}
.skill .h1_choose{text-align: center;}
.red_line1{ width: 100%; float: left;}
.skill .h2_choose{text-align: center;}

.app { text-align:center;}
.app h1 { font-size:28px; margin-bottom:35px;}
.app ul { float: none; display: inline-block;}
.app ul li { width:100%; margin-right:0; line-height: inherit; margin-bottom:14px;}
.app ul li:last-child { margin-bottom:0;}
.app ul li a img { float:none;}
.comp { padding:60px 0;}
.comp h1 { font-size:28px; line-height:34px; margin-bottom: 40px;}
.comp ul li { width:100%; margin-right:0; margin-bottom:44px;}
.comp ul li:last-child { margin-bottom:0;}
.comp-img { margin-bottom:15px;}
.comp ul li h2 { font-size:20px; line-height:28px;}
.video { padding: 40px 0px;}
.video p { margin-bottom:12px;}
.wht-makes { padding:60px 0;}
.wht-makes h2 { font-size: 28px; line-height: 34px; margin-bottom: 40px;}
.wht-makes ul li { width:100%; margin-right: 0; margin-bottom:48px;}
.wht-makes ul li:last-child { margin-bottom:0;}
.wht-makes ul li h3 { font-size:20px; margin: 18px 0;}
.wht-makes ul li p { line-height:22px;}
.wht-takes h2 {font-size: 28px; line-height:34px; margin-bottom: 35px;}
.wht-takes { background-position: center center;}
.takes ul li { margin-right:0; width: 100%; margin-bottom:7px;}
.takes ul li:last-child { margin-bottom:0;}
.takes ul { margin-top: 40px;}
.wht-takes {padding: 50px 0;}
footer { padding:40px 0 60px;}
.foot-lft { width:100%; text-align:center;}
.foot-rgt { width:100%; text-align:center; margin-top: 40px;}
.foot-logo { width:100%; margin-bottom:40px;}
.foot-logo ul li {margin-bottom: 5px;}
.foot-logo ul li:last-child {margin-bottom: 0;}
.foot-list {width: 100%; margin-bottom: 40px; max-width: 280px; float: none; margin: 0 auto; clear: both;}
.foot-list ul li:nth-child(2n+1) { width: 65%;}
.foot-rgt ul { float: none; }
.foot-logo ul li { line-height:inherit;}
.foot-logo img { margin-bottom:20px;}
.foot-rgt ul li {width: auto; float: none; display: inline-block; margin-right:15px; margin-bottom:0;}
.foot-rgt ul li:last-child { margin-right:0;}
.foot-rgt p {float: none; text-align: center;}
.foot-list ul li {margin-bottom: 5px; width: 35%; text-align: left;}
.giveaway-rules { padding:40px 0 30px;}
.giveaway-rules h2 {font-size: 28px; line-height: 34px; margin-bottom: 20px;}
.giveaway-rules p { line-height: 25px; font-size: 16px; }
.giveaway {margin-bottom: 0;}
.giveaway-lft { width:100%;}
.giveaway-rht { float:left; width:100%;}
.banner::after { width:100%; background-size:100%;}


.banner.generic { min-height: auto;}
/ .banner { min-height: auto;} /
}

/ Mobile Landscape Size (devices and browsers) /
@media screen and (max-width:639px) {

}

/ Mobile Portrait Size to Mobile Landscape Size (devices and browsers) /
@media screen and (max-width:479px) {
.cap h1 { font-size: 26px; line-height:32px;}
.cap span { font-size: 18px; line-height: 26px;}
.wht-makes h2 { font-size: 26px; line-height: 36px;}
.foot-logo { width:100%; margin-bottom:60px;}
.foot-list { width:100%; margin-bottom:70px;}
.skill h1 {font-size: 30px; line-height: 36px;}
}