body{ margin:0px; padding:0px;font-family: 'Gotham';}
ul, li, p, h1, h2, h3, h4, h5, h6{ padding:0px; margin:0px;}

@font-face {
	font-family: 'Gotham';
	src: url('../css/sg-power.otf'); 
	font-weight: 300;
}
body{
    font-family: 'Gotham';
}
.container{ width:999px;}
.sg-power-landing{ background: url('../img/new.jpg') no-repeat bottom center; height: 669px; background-size: 100%;padding-top: 20px;position: relative;}
.logo li{display: inline-block;}
.logo li:last-child{ margin-left:50px;}
.logo li img{height: 80px;}
.offers { margin-top: 50px;}
.offers img { width: 80%;}
.offers .limited-offer {display: inline-block; font-size: 14px; font-weight: 300; color: #000; letter-spacing:.5px;margin-top: 40px;}
.banner-img { position: relative; height: 220px;}
.banner-img img { height: 290px; position: absolute; right: 50px; bottom: 0px;}

.inquiry-from { float:right;width: 100%;z-index: 9999;position: relative;}
.inquiry-from h2{text-align: center;font-size: 22px;color: #323334;margin: 0px;padding-bottom: 15px;font-weight: 500;}
.btn-submit { background: #cc2020; border: 1px solid #cc2020; color: #fff; font-size: 22px; padding: 4px 40px; border-radius: 20px; box-shadow: 3px 3px 5px #000000c7;}
.btn-submit:hover{ background:#b23807; border-color:#b23807;}
.signup-box { background: #f9f9f9;  float: right; width: 100%;padding: 10px 0px 20px; border-radius: 30px; text-align:center;box-shadow: 0px 0px 15px #00000059;}
.signup-box label {font-size: 13px;color: #333; font-weight: 300;text-align:left;display: block;}
.signup-box .form-control{height: 35px;border-radius: 10px;box-shadow: none;font-size: 14px;font-weight: 300;color:#000;padding:5px 5px;}


.sg-power-waper { padding-top: 25px; padding-bottom:25px;}
.content-text p {font-size: 14px; color: #535252; font-weight: 300;text-align: justify; margin:0px; padding:6px 0px;line-height: 26px;}
.content-text strong{font-weight: 500;}
.list-1{ text-align:center;padding: 40px 20px;}
.list-1 img{ height:100px;}
.list-1 p{font-size: 14px; color: #58595b; font-weight: 300; padding-top:10px; margin:0px;}
.list-1 span{font-size: 12px; color: #333; font-weight: 300; display:block;}
.apps-sec { text-align: center;padding: 0px 0px;}
.apps-sec h3 { font-size: 20px; color: #000; margin: 0px; padding-bottom: 5px;}
.apps-sec ul li { display: inline-block; list-style: none;}
.apps-sec ul li img { height: 45px;}
.contectus-sec { text-align: center;}
.contectus-sec p { font-size:16px;margin-bottom: 5px;font-weight: 900;  margin-bottom: 15px;}
.contectus-sec span { display: inline-block;
    background: #ee1c25e6;
    color: #ffffff;
    font-size: 21px;
    font-weight: 500;
    padding: 7px 10px;
    border-radius: 30px;
    width: 330px;}

footer{background: -moz-linear-gradient(left,  #cc2020 0%, #cc2020 50%, #cc2020 100%); text-align:center;}
footer a {font-size: 18px; color: #fff;}
footer a:hover{ color:#fff;}

.otp-option a {
    display: inline-block;
    padding: 0px 10px;
}

/* Responsive */
@media only screen and (max-width: 1269px) {
	
.container{ width:100%;padding: 0px 30px;}
.sg-power-landing { height: 507px; padding-top: 30px;}
.logo li:last-child{ margin-left:50px;}
.logo li img{height: 70px;}
.offers { margin: 40px 0px;}
.offers img { width: 75%;}
.banner-img { position: relative; height: 140px;}
.banner-img img { height:220px; position: absolute; right: 150px; bottom: 0px;}
.inquiry-from h2 { font-size:21px;}	
.list-1 { text-align: center;padding: 50px 10px;}
.apps-sec ul li img { height: 38px;}
.contectus-sec span {font-size: 27px;}
 
}

@media only screen and (min-width: 768px) and (max-width: 990px) {

.container{ width:100%;}	 
.sg-power-landing { background: #f6ce4c;height: auto;}
.sg-power-landing::after { height: 150px;}
.logo { text-align: center;}
.signup-box .form-control { height: 40px;}
.offers { text-align:center;}
.offers img { width: 65%;}
.offers .limited-offer {display: block;}
.inquiry-from h2 { font-size: 30px;}
.banner-img { display: none;}
.pull-right { float: right !important; width: 100%;}
.content-text p {font-size: 14px; line-height: 25px;}
.inquiry-from { margin-top: 0px; width: 100%;padding: 0px 15%;margin-bottom: 105px;}
.list-1 { text-align: center; padding: 25px 40px;}
.list-1 img { height: 80px;}
.apps-sec { float: left; width: 100%;}


}


@media only screen and (max-width: 767px) {
	
.container{ width:100%;padding: 0px 15px;}

.sg-power-landing::after {height: 80px;}
.logo { text-align: center;}
.logo li img { height: 50px;}
.logo li{ margin:0px 5px;}
.logo li:last-child { margin-left: 0px;}
.offers { text-align:center; margin:20px 0px;}
.offers img { width: 85%;}
.offers .limited-offer {display: block;margin-top: 20px;font-size: 12px;}
.banner-img {display: none;}

.btn-submit {font-size: 18px; padding: 6px 40px;}
.pull-right {float: right !important; width: 100%;}	 
.inquiry-from { margin-top: 0px; float: right;width: 100%;margin-bottom: 50px;}
.inquiry-from h2 { font-size: 20px; padding-bottom: 15px;}
.signup-box { padding: 20px 0px 25px;}
.signup-box label {font-size: 13px;}
.signup-box .form-control {height: 40px;}
.signup-box .form-group {margin-bottom: 10px;}

.sg-power-waper { padding-top: 20px; padding-bottom: 30px;}
.content-text p {font-size: 14px;line-height: 25px;}
.list-1 img { height: 60px;}
.list-1 { text-align: center;padding: 15px 0px;}
.list-1 p {font-size: 12px;line-height: 20px;}
.list-1 span {font-size: 10px;}
.apps-sec { padding: 20px 0px; float:left; width:100%;}
.apps-sec h3 {padding-bottom: 10px;}
.apps-sec ul li img {height: 40px;}
.contectus-sec span {font-size: 25px; padding: 2px 20px;}


}
    
.clients-sec h3{
    padding-top: 20px;
    padding-bottom: 10px;
    text-transform: uppercase;
    font-size: 21px;
    text-align: center;
}
.img-thumbnail{
    border-radius: 0px;
}

.col-xs-4{
    margin-top: 20px;
}
.sp-power p{
    text-align: center;
    color: #fff;;
    font-size: 14px;;
}
.sp-power p span a{
    text-align: center;
    color: #fff;;
    font-size: 14px;;
}

@media only screen and (max-width: 425px){
.sg-power-landing {
    height: 211px;
    padding-top: 30px;
}
.inquiry-from {
    margin-top: 186px;
}
}

@media only screen and (max-width: 375px){
    .sg-power-landing {
        height: 186px;
        padding-top: 30px;
    }
    .inquiry-from {
        margin-top: 150px;
    }
    }

    @media only screen and (max-width: 320px){
        .sg-power-landing {
            height: 158px;
            padding-top: 30px;
        }
        .inquiry-from {
            margin-top: 140px;
        }
        }


        



        .phone-call {
            width: 50px;
            height: 50px;
            left: 20px;
            bottom: 20px;
            background: #cc2020;
            position: fixed;
            text-align: center;
            color: #ffffff;
            cursor: pointer;
            border-radius: 50%;
            z-index: 99;
          display: inline-block;
          line-height: 55px;
         
        }
        
        .phone-call:before {
            position: absolute;
            content: " ";
            z-index: -1;
            top: -15px;
            left: -15px;
            background-color: #cc2020;
            width: 80px;
            height: 80px;
            border-radius: 100%;
            animation-fill-mode: both;
            -webkit-animation-fill-mode: both;
            opacity: 0.6;
            -webkit-animation: pulse 1s ease-out;
            animation: pulse 1.8s ease-out;
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
           
        }


@media only screen and (min-width: 992px) and (max-width: 1880px) {
    .phone-call{
        display: none;
    }
}

/*mycode*/
h1.welcometxt{
    text-transform: uppercase;
    font-weight: 500;
    color: #da221a;
    font-size: 30px;
    text-align: right;
}

.welheading{padding:40px 0px}
.mancontent{display: flex;align-items: center;}
.sgpower li{margin-bottom: 30px;font-size: 18px;}
.productRange{padding:50px 0px;background: #fff; background: url(../img/sg-power-background.jpg);background-size: contain;}
.productRangeheading h1{color:#da221a;text-align: center;margin-bottom: 42px;}
.productcard{box-shadow: 0px 0px 4px #222;padding: 20px;text-align: center;background: white;margin-bottom: 30px;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);transition: 0.3s;}
.productcard:hover{box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);}

.card-title{color:#cc2020;padding:15px 10px;text-align: center;background: #ebebeb;margin-top: 15px;transition: 0.5s linear;}
.card-title:hover{color: white;background: black;}
.card-body a{text-decoration: none;}
.clients-sec h3{color:#cc2020; font-size: 35px;margin: 25px 10px;}

.mainFooter{text-align: left;     margin-top: 40px;   padding: 40px 0px;}
.mainFooter h3{
    border-bottom: 4px double red;
    width: fit-content;
    padding-bottom: 2px;
    margin-bottom: 20px;
}
ul.footerIcon{position: relative;padding: 0px;}
ul.footerIcon li{list-style: none;margin-left:30px;margin-bottom: 30px;}
ul.footerIcon li>i{
    position: absolute;
    left: 0;
    line-height: 25px;
    font-size: 25px;
    color: #e02327;
    width: 25px;
    
}

.footerIcon.quicklinks li a{color:#333;font-size: 14px;}

.container.sp-power.copyright {
    width: 100%;
    padding: 15px 0px;
    background: #da221a;
    
}
.textArea{width: 100%;height: 100px;}
footer{background: url(../img/sg-power-background.jpg);background-size: contain;}
footer iframe{box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);}

@media(max-width:550px){
    .mancontent{flex-direction: column;}
    ul.sgpower {
        padding-left: 0px;
        list-style: none;
        margin-top: 30px;
    }
    .phone-call{display: none;}
    .contectus-sec span{font-size:20px;}
    h1.welcometxt{font-size: 22px;text-align: center;line-height: 30px;font-weight: bold;}
    .sgpower li {
        margin-bottom: 22px;
        font-size: 16px;
    }
    .mancontent img{width: 70%;
        margin: 0 auto;
        display: block;
    }
}