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

/* @import url('css/font-awesome.min.css');*/

/* In html file */
/*<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta name="viewport" content="width=device-width">*/

/**
 * 8.0 Media Queries
 * ----------------------------------------------------------------------------
 */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}
@media (max-width: 1599px) {
}
@media (max-width: 1200px) {
}
@media (max-width: 1069px) {
}
@media (max-width: 992px) {
}

/* Collapse oversized image and pulled images after iPad breakpoint. */
@media (max-width: 767px) {
	.container-fluid {
    padding-left: 15px;
    padding-right: 15px;
}
}
@media (max-width: 643px) {
	#testimonials .single_testimonials {
    background: #fff;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 30px;
}

#slider .slider_content .date p {
    text-align: left;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
}

#slider .slider_content .date p span {
    font-size: 20px;
}
.react_native_landing_page #about_us {

    text-align: center;
}

.react_native_landing_page #about_us .about_content p.quote:before {
    content: '\f10d';
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    position: absolute;
    left: 0px;
    color: #1c91d9;
    font-size: 50px;
    top: -56px;
    display: block;
    right: 0px;
}

.react_native_landing_page #about_us .about_content p.quote {
    font-size: 32px;
    font-weight: 700;
    color: #333;
    padding-left: 0;
    margin-top: 60px;
    position: relative;
}

.react_native_landing_page #about_us .about_content p.quote span {
    display: none;
}

.web_designing #slider .slider_content h3 {
    font-size: 26px;
}

}
@media (max-width: 480px) {
	
	#slider h1 {
    font-size: 40px;

}
#slider .slider_content h2 {
    font-size: 40px;

    margin-top: 20px;
}
#slider .slider_content h3 {
    font-size: 34px;
    line-height: 38px;
    margin-bottom: 30px;
}
	#offer h3 {
    font-size: 42px;
}
#offer .offer_course {
    margin: 0px;
    margin-bottom: 80px;
}
#offer .offer_course:after {

    right: 0px;
    top: inherit;
    bottom: -90px;
    left: 0px;
}
.offer_price p.old_price {

    font-size: 30px;
}
.offer_price p.new_price {
    font-size: 40px;

}
.offer_price p.old_price:after {
    content: "";
    height: 3px;
    background: #970000;
    width: 80%;
    z-index: 999;
    position: absolute;
    right: -20px;
    left: 0px;
    margin: auto;
    top: 30px;
}
.offer_price{
	margin-top:0px;}
	
#unique_feature h3 {
    font-size: 40px;
    margin-bottom: 30px;
}	
	
	#unique_feature li {
    font-size: 26px;
    margin-bottom: 15px;
    position: relative;
    padding-left: 50px;
    font-weight: 700;
    color: #333;
}
	
	#placement h3 {
    font-size: 40px;
    font-weight: 700;
}
#placement p {
    font-size: 24px;
    margin-bottom: 28px;
}
#testimonials h3 {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 30px;
}
#header .header_social li a {
    margin-left: 5px;
	font-size:16px;
}
#slider h1 {
    font-size: 30px;
    margin: 10px;
}
#slider {
    background: url(../images/header_background.jpg) no-repeat center center;
    background-size: cover;
    padding: 10px 0px;
    padding-bottom: 60px;
}
#slider .slider_content h2 {
    font-size: 30px;
    margin-top: 20px;
}
#slider .slider_content h3 {
    font-size: 26px !important;
    line-height: 28px;
    margin-bottom: 10px;
}
#slider {

    padding-bottom: 30px;
}
#offer h3 {
    font-size: 28px;
    margin-bottom: 20px;
}
#offer {
    padding: 30px 0px;
    text-align: center;
}
.offer_price {
    margin-top: 0px;
    display: block;
}
.offer_price p.old_price {
    font-size: 40px;
    border-radius: 50px;
    margin-bottom: 20px;
}
.offer_price p.new_price {
    font-size: 70px;
    text-align: center;
}
.offer_price p.old_price:after {
    content: "";
    height: 3px;
    background: #970000;
    width: 80%;
    z-index: 999;
    position: absolute;
    right: -20px;
    left: 0px;
    margin: auto;
    top: 48%;
}

#footer {
	text-align:center !important;
}

#footer ul {
	margin:auto !important;
}
#footer ul {
    margin: auto !important;
    text-align: center !important;
    margin-top: 20px;
    padding-top: 30px;
}
#testimonials {
    padding: 30px 0px;
    background: #f2f1f1;
    text-align: center;
}
.modal-header h3 {
    color: #fff;
    font-weight: 700;
    font-size: 28px;
}
.modal-header p {
    color: #fff;
    font-weight: 400;
    font-size: 18px;
}
.modal-body form {
    padding: 20px 20px;
}
.modal-body form .form-group {
    border: 1px solid #ccc;
    padding: 5px 15px;
}
#slider .slider_content .date p {
    text-align: left;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
}
#slider .slider_content .date p span {
    text-align: left;
    font-size: 16px;
    text-transform: capitalize;
    display: block;
    font-weight: 300;
    margin-top: -7px;
	
}

#slider .slider_content .duration {
    font-size: 28px !important;
}

#slider .slider_content .date img {
    width: 48px;
    margin-right: 10px;
}
	
	.react_native_landing_page #slider h1 span {
    color: #00b5d5;
    font-size: 100%;
    display: block;
}

.react_native_landing_page #slider h1 {
    font-size: 21px;
    margin: 10px;
}

.react_native_landing_page #slider h1 b {
    color: #F90;
    font-size: 40px;
    display: block;
}	
}

/* Mobile devices */
@media (max-width: 359px) {

}
/**
 * 9.0 Print
 * ----------------------------------------------------------------------------
 */

/* Retina-specific styles. */
@media print,
  (-o-min-device-pixel-ratio: 5/4),
  (-webkit-min-device-pixel-ratio: 1.25),
  (min-resolution: 120dpi) {
}
@media print {
}