@charset "utf-8";

/* CSS Document */







@media (min-width:1200px){ 

	.container{max-width:1230px}

	.contact-sec{ width:100%; max-width:510px;}

	#panel-30-2-0-0{padding-right:40px;}
.leading-edge .heading{-ms-flex: 0 0 83.333333%;flex: 0 0 83.333333%;max-width: 83.333333%;margin-left: 8.333333%;}

}

@media only screen and (min-width: 992px) {

.solution-row:nth-child(odd) .imagebox{}
.solution-row:nth-child(even) .textbox .solution-text{padding-right:15px;}

.solution-row:nth-child(odd) .textbox .solution-text{padding-left:15px;}
.solution-row:nth-child(even) .imagebox{ order:2}
.solution-text{padding-top:15px;}


.solution-row #pgc-26-1-0,
.solution-row #pgc-26-3-0{ order:2}
.solution-row #pgc-26-1-1,
.solution-row #pgc-26-3-1{ padding-right:15px;}

.solution-row #pgc-26-0-1,

.solution-row #pgc-26-2-1,

.solution-row #pgc-26-4-1{padding-left:15px;}





.textwidget p {

    line-height: 24px;

}

}

@media (min-width:1400px){
	.development-center{min-height:300px;background-size: 55% auto;}
	
}



@media (max-width:1650px){
.header .brand-logo{flex: 0 0 20%;max-width: 20%;}
.top-right{flex: 0 0 80%;max-width: 80%;}
.navigation ul li{padding: 0 0px;}
.navigation ul li a{font-size: 20px;}

	.navigation .menu-primary-menu-container > ul li.ht-head > a{font-size:18px;min-height: 48px;}
}

@media only screen and (min-width: 1024px) and (max-width:1199px) {
	.header{padding-top:15px;}
	.phone-number .btn{font-size:20px;padding: 8px 20px;}
.header .brand-logo{flex: 0 0 25%;max-width: 25%;}
.top-right{flex: 0 0 75%;max-width:75%;}
	.navigation{padding-top:10px;}
.navigation ul li{padding: 0 0px;}
.navigation ul li a{font-size: 16px;padding: 18px 18px 28px 18px;}
	.navigation ul li+li a:before{top: 23px;}
	
	.navigation .menu-primary-menu-container > ul li.ht-head > a{font-size:18px;min-height: 48px;}
	.navigation .menu-primary-menu-container > ul li.mega-menu:hover > ul{padding: 20px 20px;}
		.navigation .menu-primary-menu-container > ul li.mega-menu ul > li{padding:0 15px;}

	.navigation .menu-primary-menu-container > ul li.mega-menu ul ul li{margin-bottom:8px; }
	.navigation .menu-primary-menu-container > ul li.mega-menu ul ul li a{font-size:16px;}
	.innerpagebanner .banner-info h2{max-width:80%; font-size:2.5rem}
	.innerpagebanner .banner-info h2 br{display:none}
	.panel5 {
		padding: 60px 0;}
		footer .middle { max-width: 20%;}
	footer .last { max-width: 30%;  flex: 0 0 30%;}

}  

@media only screen and (min-width: 992px) and (max-width:1023px) {
	.header{padding-top:15px;}
	.phone-number .btn{font-size:20px;padding: 8px 20px;}
.header .brand-logo{flex: 0 0 25%;max-width: 25%;}
.top-right{flex: 0 0 75%;max-width:75%;}
	.navigation{padding-top:10px;}
.navigation ul li{padding: 0 0px;}
.navigation ul li a{font-size: 16px;padding: 18px 18px 28px 18px;}
	
		.navigation .menu-primary-menu-container > ul li.mega-menu:hover > ul{padding: 20px 20px;}
		.navigation .menu-primary-menu-container > ul li.mega-menu ul > li{padding:0 15px;}

	.navigation .menu-primary-menu-container > ul li.mega-menu ul ul li{margin-bottom:8px; }
	.navigation .menu-primary-menu-container > ul li.mega-menu ul ul li a{font-size:16px;}
	.navigation ul li+li a:before{top: 23px;}
	.innerpagebanner .banner-info h2{max-width:80%; font-size:2.5rem}
	.innerpagebanner .banner-info h2 br{display:none}
		footer .middle { max-width: 20%;}
	footer .last { max-width: 30%;  flex: 0 0 30%;}
	
}

@media only screen and (max-width: 991px) {
.mobile-menu li.current-menu-parent > a{background: #1375a8;color: #fff;}
/* .mobile-menu li.menu-item-38 ul li .expand{ display:none} */
/* .mobile-menu li.menu-item-38 ul ul{ display:none !important} */
.scrollActive .headerContainerWrapper{padding:10px 0}
.scrollActive .headerContainerWrapper .brand-logo {
    max-width: 50%;
}

.solution-text p{font-size:16px;}

.innercontent .solution-text .btn{margin-top:10px;min-width: 100px;padding: 10px 30px;}
#bullet-sec.logo-bullet,
.solution-detail .logo-bullet{padding: 25px;}
.solution-detail .logo-bullet .textwidget ul li{margin: 15px 0;}
.copyright {text-align: center;order: 2;padding-top: 15px;}
.bottom-menu ul{justify-content:center}
.footer-about {
    padding: 0 0 30px;
}

}

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

html{font-size: 14px;}
.header{padding:15px 0}
.header .brand-logo img {
    max-height: 80px;
    width: auto;
}
.homeBanner .owl-carousel .owl-item img{min-height: 350px;object-fit: cover;}
.homeBanner .figure-caption h2{font-size:2.5rem}
.homeBanner .owl-carousel .owl-nav .owl-prev{left:10px}
.homeBanner .owl-carousel .owl-nav .owl-next{right:10px;}
.innerpagebanner img{width: 100%;display: block;min-height: 200px;object-fit: cover;object-position: right center;}

.innerpagebanner .banner-info h2{max-width:65%; font-size:2rem;line-height: 1.5;}
	.innerpagebanner .banner-info h2 br{display:none}
	footer .middle{justify-content: flex-start;}
	.innercontent .pagetitle{font-size: 3rem; margin-bottom:20px;}
}



@media only screen and (max-width: 780px) {

html{font-size: 14px;}

h1{font-size:2.25rem} 

h2 {font-size: 2rem;}

.header{padding:15px 0}

.header .col-md-12{padding:0}
.header .brand-logo img{ max-height: 60px;
width: auto;}
.homeBanner .owl-carousel .owl-item img{ min-height: 250px;object-fit: cover;}

.homeBanner .figure-caption .box{ padding:0 20px; text-align:center}

.homeBanner .figure-caption h2{ font-size:1.5rem; }

.homeBanner .figure-caption h2 br{display:none}

.homeBanner .figure-caption .action .btn{padding: 10px 25px;}
.homeBanner .owl-carousel .owl-nav .owl-prev{left:5px}
.homeBanner .owl-carousel .owl-nav .owl-next{right:5px;}



.quality-solution .textbox{margin-bottom:30px; padding:0}

.counterlist{padding:20px;}

.leading-edge{padding: 30px 0 50px;}

.leading-edge ul.grid{display:block}

.leading-edge ul.grid li{margin-bottom:30px;}

.best-managed::before { height:50%; bottom:0}

.best-managed .offset-lg-1{margin:0}

.best-managed .offset-lg-1 .col-lg-5{padding: 40px 30px;}

.best-managed .managedbox {

    padding: 25px 15px

}

.our-service{padding:40px 0}

.our-service .headings {

    padding-bottom: 0;

}

.our-service .headings p br,

.contact-sec p br{display:none}

.innerpagebanner img{width: 100%;display: block;min-height: 170px;object-fit: cover;object-position: right center;}

.innerpagebanner .banner-info{ background:#1186c2;position:relative;-webkit-transform: none; transform: none;-moz-transform: none; top:0; padding: 15px 0;}

.innerpagebanner .banner-info h2{ font-size:1.5rem; color:#fff}

.innerpagebanner .banner-info h2 br{display:none}

.innercontent{padding:40px 0}

.innercontent .pagetitle{font-size: 2.25rem;margin: 0 0 15px;}

#pg-24-3{padding:0}

#pg-24-3 #pgc-24-3-0, #pg-24-3 #pgc-24-3-1{padding:40px 20px;}

.panel5{ padding:40px 0}

.contact-sec{margin-bottom:40px;}


.solution-text{padding-top:20px;}

.testimonial{padding: 30px;background-size: 100px auto;background-position: 20px 30px;}



.innercontent .google-map .textwidget p{padding-bottom:50%}

.contact-info #pgc-30-1-1::before, .contact-info #pgc-30-1-2::before{display:none}



.development-center{padding:0 !important}

#pgc-30-3-0{order:2;padding: 0 15px !important;}

#pgc-30-3-1{visibility:visible;padding-bottom: 15px !important;}

#pgc-30-3-1 img{width:100%}

#pg-30-3 > .panel-row-style{background-image:none !important}
.statement-col .textwidget p{font-size:18px}
.twocolunm > .panel-grid-cell .widget_media_image {display:none}
.statement-col{padding:0}

.innercontent .textwidget ul{padding-bottom:0}

#bullet-sec.logo-bullet .panel-grid-cell{margin-bottom:0 !important} 
footer .col-lg-5 ul{width:100%}

.footer-bottom{ text-align:center;margin-top: 30px;}

.copyright{order: 2;margin-top: 12px;}

.bottom-menu{}



.copyright p{font-size:16px;}

.bottom-menu ul li{font-size:16px;padding: 0 10px;}

.bottom-menu ul {justify-content: center;}

.bottom-menu ul li + li::before {top: 5px;}

}

@media only screen and (min-width: 577px) and (max-width:766px) {
	footer .middle,
	footer .last{ width:50%}
.homeBanner .owl-carousel .owl-nav{display:none}
}

@media only screen and (max-width:576px) {
footer .middle{padding-bottom: 20px;}

footer{text-align:center}

.footer-menu ul{justify-content: center;}

.footer-menu ul li{width: auto;font-size: 18px;padding: 0 10px 10px;display: inline-block;}

.footer-menu ul li+li:before {content: ''; background: #000; width: 1px; height: 15px; position: absolute; left: 0;  top: 8px;}

}