.navigation ul.nav li a {

}
@media(max-width:1459px) {
	
}
@media(max-width:1279px) {
  
}

@media(max-width:1200px) {

.navigation ul.nav li {padding: 9px 10px;}

.container { padding: 0 25px; }
#header .container { padding: 0 15px; }

.home_banner .container .center-dv {    padding: 40px 0;}

}

@media (min-width:1024px) and (max-width:1279px) {
.logo {    margin: 2px 0 0px;    width: 302px;}
	
	.location-c {     font-size: 35px;    width: calc(100% - 0px);    margin: 0 0 0px 0px;    font-weight: 700;    line-height: 1.3;    color: #518204;    display: inline-block;    vertical-align: top;}
	
	.location-img {    position: absolute;    top: auto;    right: 0px;    bottom: -1px;    top: 0;}
	.location-img img {    height: 100%;}
}

@media (min-width:768px) and (max-width:1023px) {
.location-c {     font-size: 35px;    width: calc(100% - 0px);    margin: 0 0 0px 0px;    font-weight: 700;    line-height: 1.3;    color: #518204;    display: inline-block;    vertical-align: top;}
.location-img {    position: absolute;    top: auto;    right: 0px;    bottom: -1px;    top: 0;     z-index: -1;}
.location-img img {    height: 100%;}
	.read-btn::after {
   
    top: 80px;
   
}
}


/* ----- 1. Desktop ≥1024px and ≤1190 ----- */
@media (min-width:1024px) and (max-width:1279px) {
#header .container { width: 100%; }


}
@media (min-width:1024px) {
.mobile-header {	display: none !important;}
	.why-choose-grid {
    grid-template-columns: repeat(4, 1fr); /* Desktop: 4 columns */
  }
}
@media (max-width:1023px) {
#header { display:none;}



}

/* ----- 2. Tablet ≥768px and ≤1023 ----- */
@media (min-width:768px) and (max-width:1023px) {

}

@media (min-width:768px) {
	

}

/* ----- 3. Medium devices ≤767px ----- */
@media (max-width:767px) {
	



}


/* ----- 4. Small devices ≤640px ----- */
@media (max-width:640px) {



}

@media screen and (max-width: 480px) {
	
}

@media (max-width:364px) {


}

/********* Mobile Header*************/

.m-head  { display:none;}

@media(max-width:1023px) {
  .home_banner .container .center-dv {    padding: 00px 0 100px;}
  .banner_form .wpcf7-form-control-wrap  { margin-bottom:15px; }
  .welcome_box .padd {    max-width: 100%;    padding-top: 40px;}
  .service_box { padding: 40px 0 40px; }
  .superior_blk {    padding: 60px 0 0;}
  .choose_sec .content_padd {    max-width: 100%;    position: sticky;    top: 0;    padding-bottom: 42px;}
  .choose_sec {     padding: 40px 0;}
    .mobile-header {        width: 100%;        float: none;        position: fixed;        background: #fff;        z-index: 10000;    top: 0;}
.full-header.fixed .mobile-header {	position: fixed;	width: 100%;	background: #fff;	box-shadow: 1px 1px 12px rgba(0,0,0,0.2); }
body.single {
    padding-top: 115px;
}
.mobile-head {
    width: 100%;
    float: left;
    padding: 11px 8px;
    background: #3c71be;
    height: 60px;
    display: flex;
    align-items: center;
}
.logo {	float: left;	margin: 0px 0 0;	padding: 0; width: 250px;}
.request-quote .pop-content { display:none;}
#mobile_navigation {	        background: #4970b8;        top: 114px;	z-index: 10;	position: fixed;		border-top: none;	padding: 15px 0; display: none;  max-height: calc(100% - 137px); overflow: auto;}
.mobile_navigation .menu-main-menu-container {    display: inline-block;    width: 100%;}
#mobile_navigation ul.nav { margin:0px; padding:0px;}
#mobile_navigation ul.nav li { width:100%; list-style:none; border-bottom:rgba(255,255,255,255,0.5) solid 1px !important; position: relative;}
#mobile_navigation ul.nav > li { border-bottom:rgba(255,255,255,0.2) solid 1px;}
#mobile_navigation ul.nav > li > a {    text-transform: inherit;    color: #fff;    font-weight: 400;    display: block;    padding: 14px 20px;    text-decoration: none !important;    text-align: left;}
#mobile_navigation ul.nav ul { margin:0px; padding:0px 0px 15px; display: none;}
#mobile_navigation ul.nav ul li a{ color:#fff; text-align:left; padding-left:40px; text-align:left; display:block;}
#mobile_navigation {padding: 0px 0 0;}

#mobile_navigation  em.submenu-caret {    position: absolute;    right: 19px;    top: 11px;    color: #fff;}

.button_link {    background: #4970b8;}
.button_link {    background: #2f5191;    padding: 10px 8px 8px;    display: flex;    justify-content: center;    column-gap: 10px;}
 .button_link a {        display: inline-block;        background: #f7941d;        padding: 7px 10px;        border-radius: 25px;        color: #fff !important;        font-size: 15px;    }

.button_link a.ph-m {    background: no-repeat;    transform: scale(1.6);}
.hero {        padding: 145px 0 0;        text-align: left;    }


.m-head {	background:#404040;	height: 50px;	clear: both;	position: relative;	z-index: 1;	display: block;	box-shadow: 0px 5px 6px 0px rgba(0,0,0,0.2);}
.full-header.fixed .m-head {	position: fixed;	z-index: 9;	top: 66px;	width: 100%;	left: 0;}
.m-call {
        float: left;
        font-size: 15px;
        color: #fff;
        padding: 0px 0px 0 49px;
        line-height: 1;
        padding-top: 7px;
        background: url(../images/phone2.png) no-repeat left center;
        background-size: 30px;
        background-position: 13px 9px;
        margin-left: 0;
        margin-top: 2px;
    }
.m-call a {	color: #fff;	font-size: 18px;	font-weight: 700;	margin-left: 0px;	display: block;}
.m-btn {	float: right; width: 50%;}
.m-btn a {	display: inline-block;	background:#116fdd;	height: 50px;	line-height: 50px;	padding: 0px 17px;	font-weight: 700;	color: #fff; text-decoration:none; width: 100%; text-align: center;}
.quotation_sec {    padding: 50px 0;}

.inner-bannre {       padding: 180px 0 40px;}

.padd-t {    padding-top: 40px;}


}


.mobile-bar {    position: absolute;    right: 8px;    top: 0;    height: 66px;    border-left: none;    width: 69px;}


#nav-icon4 {  width: 60px;  height: 45px;  position: relative;  margin: 0;  -webkit-transform: rotate(0deg);  -moz-transform: rotate(0deg);  -o-transform: rotate(0deg);  transform: rotate(0deg);  -webkit-transition: .5s ease-in-out;  -moz-transition: .5s ease-in-out;  -o-transition: .5s ease-in-out;  transition: .5s ease-in-out;  cursor: pointer;}
 #nav-icon4 span {  display: block;  position: absolute;  height: 9px;  width: 100%;  background:#fff;  border-radius: 9px;  opacity: 1;  left: 0;  -webkit-transform: rotate(0deg);  -moz-transform: rotate(0deg);  -o-transform: rotate(0deg);  transform: rotate(0deg);  -webkit-transition: .25s ease-in-out;  -moz-transition: .25s ease-in-out;  -o-transition: .25s ease-in-out;  transition: .25s ease-in-out;}
/* Icon 4 */
#nav-icon4 {	transform: scale(0.666);	left: 5px;	top: 10px;}
#nav-icon4 span:nth-child(1) {  top: 0px;  -webkit-transform-origin: left center;  -moz-transform-origin: left center;  -o-transform-origin: left center;  transform-origin: left center;}
#nav-icon4 span:nth-child(2) {  top: 18px;  -webkit-transform-origin: left center;  -moz-transform-origin: left center;  -o-transform-origin: left center;  transform-origin: left center;}
#nav-icon4 span:nth-child(3) {  top: 36px;  -webkit-transform-origin: left center;  -moz-transform-origin: left center;  -o-transform-origin: left center;  transform-origin: left center;}
#nav-icon4.open span:nth-child(1) {  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);  top: -3px;  left: 8px;}
#nav-icon4.open span:nth-child(2) {  width: 0%;  opacity: 0;}
#nav-icon4.open span:nth-child(3) {  -webkit-transform: rotate(-45deg);  -moz-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);  top: 39px;  left: 8px;}




/*********SN *******/
@media (max-width:1200px){
.data-security {max-height: initial;}
.about-section p {font-size: 20px; line-height: 32px;}
}

@media (max-width: 991px){
.master-logo {padding:25px 0 0 0;}
.footer-lgo {margin: 45px 0 0 0;}
.data-security{ max-height:none; margin:23px 0px 0px 0}
.about-section p {font-size: 18px; line-height: 24px;}
.about-section h2 { padding:0px 0 29px 0; margin: 0px;  font-size: 34px;}
.use-full-link{width:50%; padding:44px 0 0 0;}
.use-full-link p {padding:4px 0px 17px 0;}
.use-full-link:nth-child(3){width:100%; padding-bottom:30px;}
.solar-solution ul li:before {right: -5px; top: 25px;}
.solar-solution ul li {padding: 0px 12px;}
.solar-solution ul li a {font-size:30px; text-decoration: none; line-height:58px;}



}


@media (max-width: 767px) {



.hero {        padding: 145px 0 0;        text-align: left;    }
.hero .hero-content h4 {    font-size: 16px;}
.hero  .offer-badge {        position: absolute;        margin: 20px auto;        left: -10px;        transform: scale(0.8);        top: 0px;    }
.hero   .hero-image img {    max-width: 80%;    height: auto;    left: 30px;    position: relative;}
.hero-content h1 { font-size:26px; line-height:32px; }
.home_content  .content_blk {    padding: 40px 0;}
.home_content span.img_blk {    margin: 0 0 30px;    display: block;}
.logo-slider-wrap h2, .service_sec h2, .why-choose h2, .faq_sec h2 {    font-size: 24px;}
.service_sec .row {    row-gap: 20px;}
.service_sec center {    margin-bottom: 20px;}
.home  section.why-choose.padd-t {    padding-top: 0;}

.home section.home_content.home_tab_sec.padd-t { padding:40px 0 0px}
.home_tab_sec .tabs { display:none; }
.home_tab_sec .tab_drawer_heading {    display: block;    font-size: 18px;    font-family: "Rubik", Sans-serif;    font-weight: 600;    color: #00225D;    background: #f6f6f6;    padding: 15px  25px;    border-radius: 8px;    border: #00225D solid 1px;}
.home_tab_sec .tab_drawer_heading.d_active { background: #00225D; color:#fff; }
.faq_sec .acc__title { height:auto; }
section.home_blog .row {    row-gap: 25px;}
footer#footer .row {    row-gap: 32px;}

.home_content {    padding-bottom: 40px;}
.gig-jack-sec{ margin-top:0px; }

.gig-jack-sec .gig_box img {    margin: 0 0 20px;}
.gig-jack-sec .gig_box.odd .row {    flex-direction: column-reverse;}

h2 {font-size: 26px !important;}
.inner-bannre h1 {     font-size: 28px;     line-height: 38px;}
.service_sec span.icon {    width: 66px;}
.service_sec article.content {    width: calc(100% - 70px);}

.blog-details  .call_blog_btn .head_right.pull-right {    float: left;    display: block;    width: 100%;}
.head_right a {    width: 100%;    justify-content: center;    margin: 12px 0 0;}
	
.inner-bannre.about-inner-bannre .about-banner {    padding-right: 0;    margin-bottom: 30px;}
.inner-bannre.about-inner-bannre p {    color: #fff;    line-height: 24px;    font-size: 14px;}	
.inner-bannre.about-inner-bannre {    padding: 140px 0 50px;}	
.hero .offer-badge img {
    width: 100%;
    max-width: inherit;
    left: -20px;
    top: -34px;
}	
	
}




@media (max-width: 575px){

}

@media (max-width: 480px){
.

}


@media (max-width: 364px){


}

@media (min-width:768px) and (max-width:1023px) {


}