/* =================================================================== */
/* ========== Responsive ========== */
/* =================================================================== */
@media screen and (max-width : 1200px) {
	/* CSS FOR TABLETS ------------*/
	}
@media screen and (max-width : 1024px) {
/* CSS FOR Mointer ------------*/
.main-menu {display:none;}
.top-logo {display:block!important; float:left;}
.top-logo img {position:relative; z-index:999; float:right;}
.bs-example {display:inline-block!important; float:left; right:0px; z-index:999;}
.navbar-expand-md .navbar-toggler {display:block;}
.collapse:not(.show) {display:none !important;}
.row-1 .right-content {background-position-x:center}
.our-programs-content {padding:75px 0px;}
input.fname {width:100%;}
input.company {width:100%;}
select.company {width:100%;}
input.email {width:100%;}
.right-form label {display:block; float:left; width:100%;}
}
@media screen and (max-width : 990px) {
/* CSS FOR TABLETS ------------*/
.our-programs-content {padding:71px 0px;}	
#banner-header {
    min-height: 555px;
}
.stickysec .banner-text{
    margin-top: 135px;
  }
.banner-text h1 {
    font-size: 90px;
    line-height: 70px;
    padding-top: 135px;
}
.banner-text h1 i {
    font-size: 24px;
        line-height: 60px;
}
h1 span {
    font-size: 50px;
}
#realty-content {
    padding: 43px 0px 64px 0px;
}
.power-content {
    width: auto;
    margin: 0px auto;
    padding: 50px 0px;
}
#main-content .content h2{
    text-align: center;
    font-size: 32px;
}
#pillar-section {
    padding: 50px 0px;
}
#form h2, #pillar-section h2 {
    font-size: 32px;
}
.testimonial-slider {
    padding-top: 70px;
}
.testy .slide-img img{
    margin-left: 45px;
}
.inner-testimonial h3 {
    font-size: 38px;
}
.testy .active.center {
    transform: scale(1.0);
}

#pillar-section .owl-theme .owl-controls {
    margin-top: 18px;
}
#pillar-section .custom-list {
    padding: 15px;
}
#calbtn{
    display: none !important;
}
#team .full-width-testimonial {
    text-align: center;
    margin-top: 0px;
    padding: 0px;
    font-size: 20px;
    font-weight: bold;
    width: 100%;
}
.testimonial-slider p {
    padding: 0;
}
#team {
    padding: 50px 0px 70px 0px;
}
}
@media screen and (max-width : 960px) {		
/* CSS FOR TABLETS ------------*/
}

@media screen and (max-width : 900px) {		
/* CSS FOR TABLETS ------------*/
.col-md-6 {max-width:100%;}
.row-2 .col-md-6 {max-width:50%;}
.row-3 {background:#000; padding:0px;}
.row-1 .left-content {margin-top:190px;}
.row-4 .left-content {margin-top:190px;}
.our-programs-content {padding:37px 0px;}
.right-form .col-md-6:first-child {

    margin-bottom: 30px;

}
}
@media screen and (max-width : 850px) {		
/* CSS FOR TABLETS ------------*/
.col-md-4.left {max-width:100%;}
.col-md-4.right {max-width:100%;}
.col-md-4.center {max-width:100%;}
.footer-top .col-md-4 {

    min-height: auto;

}
.col-md-4.our-programs-content {max-width:100%;}
.col-md-4 {max-width:33.333%;}
.col-md-4.box-1 {max-width:50%;}
.col-md-4.box-2 {max-width:50%;}
}
@media screen and (max-width : 768px) {
/* CSS FOR SMALL TABLETS ------------*/
.header-bottom h1 {font-size:25px!important;}
.d-none {display:block!important;}
.modal.show .modal-dialog{margin:0px auto;}
}
@media screen and (max-width : 640px) {
/* CSS FOR IPHONE ------------*/
.content{
	     padding: 0px 0px 0px !important;
 }
 
 .power-content h2{font-size: 30px; padding: 0px 0px 20px 0px;}
 .power-content h6{font-size: 18px; text-shadow: 1px 0px 1px rgba(255, 255, 255, 1);}
 .power-content h6 br{display: none;}
 #power-bottom h2 {font-size: 30px; padding: 0px 0px 20px 0px;}
 #power-bottom h6 {font-size: 18px; text-shadow: 1px 0px 1px rgba(255, 255, 255, 1);}
 #power-bottom h6 br{display: none;}
 .content-bg{padding: 20px 15px;}
 .foot-img{text-align: center;}
 .foot-img img{height: auto; margin: 0px; margin-bottom: 0px; width: 70%; text-align: center;             margin: 30px 0px 40px;   width: auto;}
 .header-top{padding-bottom: 20px;}
 
 .testimonial-slider .owl-carousel .owl-item img {
    padding: 0px 40px 20px;
 }
}


@media screen and (max-width : 520px) {
/* CSS FOR IPHONE ------------*/
.col-md-4.box-1 {max-width:100%;}
.col-md-4.box-2 {max-width:100%;}
.modal-lg {
    width: 98%;
}

.testimonial-slider .owl-carousel .owl-item img {
    padding: 0px 30px 20px;
 }
 #team .full-width-testimonial {
    margin-top: 0px !important;
        padding: 0px !important;
 }
 #pillar-section .custom-list {
    margin-top: 10px;
 }
}@media screen and (max-width : 480px) {
/* CSS FOR MOBILES ------------*/
.row-2 .col-md-6 {max-width:100%;}
.col-md-4 {max-width:100%;}
.row-1 .right-content .right-side {max-width:250px; font-size:25px;}
.row-4 .right-content .right-side {max-width:250px; font-size:25px;}
.owl-carousel1 .owl-dots{left: 28px;}
}
@media screen and (max-width : 360px) {
/* CSS FOR MOBILES ------------*/
.row-4 .right-content .right-side {

    max-width: 196px;
    font-size: 15px;

}
.row-1 .right-content .right-side {

    max-width: 196px;
    font-size: 15px;

}
.bg-light {max-width:130px;}

}
@media screen and (max-width : 320px) {
/* CSS FOR SMALL OLD MOBILES ------------*/
}