/*
    Project Name    : New Template
    Version          : 1.0
/*

/*
================================================
 Common CSS
================================================
*/

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');

* { margin: 0; 	padding: 0; }
body { font-family: "Outfit", sans-serif !important; font-size: 15px; line-height: 1.57143; font-weight: 400; color: #2d2e2e; overflow-x: hidden;}
h1, h2, h3, h4, h5, h6 { margin-top: 0;  font-weight: inherit;}
a { color: #2d2e2e; transition: all 0.3s ease 0s; text-decoration: none !important;}
a:hover {color: #242c42;	text-decoration: none; }
a, a:hover, a:active, a:focus { outline: none; text-decoration: none; }
.btn, .btn * { transition: all 0.3s ease 0s; }
i { transition: all 0.4s ease-in-out 0s; }
.transition3s { transition: all 0.3s ease-in-out 0s; }
ul, li { list-style: outside none none; }
ul { list-style: outside none none; margin: 0; padding: 0; }
.btn.focus, .btn:focus {box-shadow: none !important;}

section {float: left; width: 100%;}

/* Heading Styles */
.sec-title {margin: 0 0 50px; text-align: center;}
.sec-title .line { text-align: center;	width: 1px;	height: 50px;	background: #3b97c3;	display: inline-block;	margin: 10px 0 20px; }
.sec-title h2 { font-weight: 600; color: #002a3b; font-size: 50px; line-height: 80px; margin: 0 0 20px;}
.sec-title p {font-size: 18px; line-height: 30px; font-weight: 400; color:#414141;}

/*#scrollUp {border-radius: 50%;bottom: 100px;color: #fff;display: block;font-size: 25px;height: 40px;line-height: 35px;position: fixed;right: 20px; text-align: center;text-decoration: none !important; transition: all 0.5s cubic-bezier(0, 0, 0, 1) 0s; width: 40px; z-index: 1000 !important; background: #eec029; border-radius: 10px;}*/

/* 
===============================================
	GoTop Button
===============================================*/
#totop{
	display: none;
	position: fixed;
	right: 10px;
	bottom: 140px;
	z-index: 999;
	height: 0;
	width: 0;
	font-size: 0;
	text-align: center;
	transition:inherit;
	width:60px;
}
#totop:hover { 
	opacity: 0.8;
}
#totop span{
	color:#000;
	font-size:10px;
}
#totop i{
	text-align: center;
	line-height: 40px;
	border-radius: 3px;
	background: #f0c029;
	width:40px;
	height:40px;
	font-weight: 900;
	color: #fff;
	font-size:22px;
	margin-top:3px;
}

/*
================================================
 Header
================================================
*/
header { background: #517589;  width: 100%;  position: relative;    padding: 25px 0 50px;   z-index: 9;    text-align: center; }
header::after { content: ""; transform: skewY(-7deg); -webkit-transform: skewY(-7deg);	position: absolute;	height: 540px;	left: 0; bottom: -150px; display: block;	z-index: -1;	width: 100%;
	background: #fff; }
	.top-wrapper { width: 100%;	 }
	.top-sec { border-bottom: 1px solid #638395; padding: 0 0 25px;}
	.cta h2 { color: #fff;	font-size: 18px; font-weight: 300; line-height: 50px;	margin: 0;	padding: 0 0 0 30px; background: url(../images/phone-icon.png) no-repeat left 13px; }
	.cta h2 span {	 font-weight: 500;}
	.cta .cta-btn {line-height: 52px; padding: 0 32px; font-size: 16px; color: #fff; background: #638395; border-radius: 40px; margin: 0 0 0 10px; font-weight: 600;}
	.cta .cta-btn:hover { background: #f0af25; color: #1e465a; }
/** Banner Content **/
.banner-content {padding: 55px 0 0;}

.banner-content h1 { color: #fff; font-size: 60px; line-height: 80px; margin: 0 0 10px;font-weight: 600;}
.banner-content p { font-weight: 300; font-size: 20px; color: #fff;line-height: 30px;}
.theme-btn {line-height: 55px; text-align: center; padding: 0 42px; color: #000; font-size: 16px;  font-weight: 500; margin: 20px 0 0; background: #f0c029; display: inline-block; border-radius: 40px; text-transform: uppercase; letter-spacing: 1px;}
.theme-btn:hover { background: #1e465a; color: #f0af25;}
.banner-content .theme-btn {margin: 15px 0 0;}
.banner-content .theme-btn:hover {color: #fff;}
.banner-content-img {margin: 40px 0 0; position: relative; }
.banner-content-img img {width: auto; max-width: 100%; height: auto; }
/*
================================================
 Services Sec
================================================
*/
.service-sec-main {padding: 16px 0 90px; position: relative; z-index: 9;}
.service-sec-main .sec-title {margin: 0 0 20px;}
.service-sec-main .sec-title h2 {margin: 0;}
.service-sec-main .sec-title h2 p {margin:0 0 5px; line-height:25px;}
/** Single Services Sec **/
.single-services-sec {margin: 30px 0 0; padding: 0 }
/*.list ul {width: 100%;}*/
.list ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	display: -ms-flexbox;
}
.list ul li {width: 22.5%; margin-left: 3.3%; float: left;}
.single-service-text {text-align: center; padding: 0 20px;}
.list ul li:first-child {margin-left: 0;}
.single-services-sec .icon {margin: 0 0 30px; text-align: center;}
.single-services-sec h3 {margin: 0 0 15px; color: #002a3b;font-size: 28px;line-height: 32px; font-weight: 600;font-weight:600;}
.single-services-sec p {  font-weight: 400; font-size: 16px; color: #4e4e4e; line-height: 25px; }
/*
================================================
 Router Manage Sec
================================================
*/
.routers-manage-sec {background: #f9fafb; padding:80px 0; }
.routers-manage-sec .sec-title {margin: 0; padding: 70px 90px 66px 0; float: left; width: 100%;}
.routers-manage-sec .sec-title h2 {margin: 0 0 30px; text-align: left;}
.single-router-sec {padding: 0; margin: 0; }
.single-router-sec.last {border:none; margin: 0; padding: 0;}
.single-router-sec h3 { margin: 0 0 25px;color: #002a3b; font-size: 24px; line-height: 32px; font-weight: 600; }
.routers-manage-sec .sec-title p {line-height: 25px; font-size: 17px;  font-weight: 400; color: #444444;}
/*.routers-manage-sec .sec-title p span {}*/
.routers-manage-sec-inner { float: left; width: 100%; margin: 0; position: relative; text-align: left;}
.routers-manage-sec-inner ul {width: 100%; float: left;}
.routers-manage-sec-inner ul li {float: left; width:100%; position: relative; margin: 0 0 17px; padding: 34px 0 0; border-top: 1px solid #e5e5e6;}
.routers-manage-sec-inner ul li:last-child {margin: 0;}
.routers-manage-sec-inner ul li::after { display:none; content: "";	height: 210px;	position: absolute;	right: -70px;	top: 0px;	width: 1px; background: #dce3e7;}
.routers-manage-sec-inner ul li.last::after {display:none;}


/*
================================================
 Request Consultation Sec
================================================
*/
.request-consultation-sec {padding: 110px 0 34px; position: relative;}
.request-consultation-shape { position: absolute; bottom: -50px;	right: 0px; }
.consultation-sec-img {margin: 0 0 0 -85px;}
.consultation-sec-img img {width: auto;}
/** Contact Form **/
.contact-form { padding: 0 55px 0 55px;}
.contact-form .sec-head { position: relative; margin: 0 0 40px; }
.contact-form .sec-head-shape { position: absolute;	top: -30px; right: -65px; }
.contact-form h3 {  font-weight: 600; color: #002a3b;	font-size: 45px; line-height: 54px;	margin: 0 0 20px; }
.contact-form form .form-group { margin: 0 0 25px; }
.contact-form form input, .contact-form form textarea, .contact-form form select { height: auto; line-height: 50px;	border: 1px solid #c6d9e4;	padding: 0 5px 0 28px; font-weight: 400; color: #002a3b; outline: none; width: 100%; font-size: 15px;	box-shadow: none;	background: inherit;
	border-radius: 45px;}
	.contact-form form textarea {border-radius: 22px;}
	label.float-label { font-weight: 400; color: #517589; font-size: 15px; letter-spacing: 0.3px; position: absolute; pointer-events: none; left: 30px;	top: 10px;	transition: 0.2s ease all;	-moz-transition: 0.2s ease all;	-webkit-transition: 0.2s ease all;	line-height: 33px;}
	.contact-form form textarea { resize: none;	min-height: 158px;	margin: 0; line-height: 25px;  padding-top: 20px;}
	.contact-form form .btn {line-height: 58px; padding: 0 35px; color: #000; font-size: 20px; margin-top: 15px; font-weight: 400; background: #f0c029; border-radius: 40px;}
	.contact-form form .btn:focus {border:none; outline: none; box-shadow: none;}
	.contact-form form .btn img {line-height: 60px; vertical-align: middle; margin: -6px 0 0 5px;}
	.floating-label { position: relative; margin: 0 0 25px; }
	.contact-form form textarea:focus, .contact-form form input:focus, .contact-form form select:focus { color: #002a3b; }
	.contact-form form .form-control:focus { box-shadow: none;	border: 1px solid #648496; }
	.floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label { top: -10px; color: #648496; font-size: 15px;	letter-spacing: 0.3px; 	line-height: 18px;	background: linear-gradient(180deg, #fff, #fff, transparent);	margin-bottom: 0;	padding: 0px 4px; }
	.contact-form .floating-input:focus ~ label { background: #fff;	color: #648496;	font-size: 15px;}
	.contact-form form select { color: #517589;	-webkit-appearance: none;	-moz-appearance: none;	appearance: none;	background:  url('../images/select-arrow.png') no-repeat 93% 24px;	word-wrap: normal;	line-height: 50px;	padding-top: 0 !important;}
	.contact-form form select#how_many_devices_or_end_points_does_your_company_manage_ {background:  url('../images/select-arrow.png') no-repeat 97% 24px;}
/*	.contact-form form select option { 	}*/
/*
================================================
 Take Tour Sec
================================================
*/
.take-tour-sec {position: relative; z-index: 9; padding: 30px 0 310px;;}
.take-tour-sec .sec-title { margin: 0 0 66px;}
.take-tour-sec .sec-title h2 { line-height: 50px; font-size: 45px;}
/** Single Tour Box **/
.take-tour-box {    width: 280px;}
.take-tour-main-img {   margin: 0 55px;}
.single-take-box {padding: 20px 10px; background: #fff; box-shadow: #dce1e6 0 0 40px; text-align: center; margin: 0 0 25px;}
.single-take-box h3 {color: #002a3b; font-size: 16px; line-height: 22px;  font-weight: 500; margin: 0; }
.single-take-box h3 span.rob {  font-weight: 600;}
.take-tour-video-img {position: relative;}
.take-tour-video-img  .take-tour-video-shape {position: absolute;	top: -55px; right: -75px; z-index: -1;}
.take-tour-video-img  .video-bg-shape { position: absolute;top: -70px; left: -170px; z-index: -1;}
.take-tour-video-img  .video-sec-shape { position: absolute; bottom: -65px; right: 180px;; z-index: -1;}
.take-tour-video-img  .video-sec-shape img {width: auto;}

/*
================================================
 Releated Sec
================================================
*/
.related-sec {background: url('../images/releated-services-bg.png') bottom center no-repeat; width: 100%; min-height: 1192px; padding: 120px 0 0; background-size: cover;}
.related-sec .sec-title {margin: 0 0 10px;}
.related-sec .sec-title .icon {margin:0 0 35px;}
.related-sec .sec-title h2 {color: #fff;}
/** Single Related Sec **/
.single-related-sec {padding: 0 30px; text-align: center; margin: 30px 0 0; border-radius: 6px; min-height: 420px;}
.single-related-sec:hover, .single-related-sec.active {background: #638394;}
.single-related-sec h2 {color: #fff; font-size: 30px; line-height: 45px; font-weight: 600; margin:0 0 15px;}
.single-related-sec p {font-weight: 300; font-size: 17px; color: #fff;line-height: 30px; margin: 0 0 15px;}
.single-related-sec .theme-btn {background: #638394; color: #ffff; line-height: 46px; font-size: 14px;}
.single-related-sec:hover .theme-btn, .single-related-sec.active .theme-btn {background: #f0c029; color: #000;}


#onetrust-consent-sdk {
	display: none;
}

/* Copyright Sec 
================ */
.copyright-sec {
	background: #161a1e;
	padding: 15px 0;
	border-top: 1px solid #353e41;
}
.copyright-sec p {
	font-weight: 400;
	color: #888e90;
	font-size: 14px;
	line-height: 1.5;
	margin-top: 10px;
	margin-bottom: 10px;
}
.copyright-sec p a {
	color: #888e90;
}
.copyright-sec p a:hover {
	color: #fff;
}

@media (max-width: 389.98px) {	
	.copyright-sec p, footer .subscribe-sec p {
		font-size: 13px;
	}
}

.elementor-widget:not(:last-child) {
	margin-block-end:0px !important;
}

/*
================================================
 Responsive CSS
================================================
*/
@media (min-width:2500px) { 
	/** Header CSS **/
	header::after {bottom: -185px;}
	/** Common CSS **/
	.container { max-width: 1900px !important; }
}
@media (min-width: 1740px) { 
	/** Header Sec **/
	.banner-content .container {max-width: 1718px;}
}
@media (min-width: 1500px) { 
	
	/** Common CSS **/
	.container { max-width: 1499px !important; }
	
	/** Banner CSS **/
	.banner-content p {padding: 0 120px;}
}
@media (max-width: 1499px) { 
	/**  Services Sec **/
	.single-services-sec .icon img { width: 100%;}
}
@media (min-width: 1600px) and (max-width: 1699px) { 
	/** Header Sec **/
	.banner-content-img img { width: 100%;}
	/**  Request Consultation Sec  **/
	.consultation-sec-img { margin: 0 0 0 -105px;	}
	.contact-form { padding: 0 75px 0 35px;	}
}
@media (min-width: 1500px) and (max-width: 1599px) { 
	/** Header Sec **/
	.banner-content-img img { width: 100%;}

	/**  Request Consultation Sec  **/
	.contact-form .sec-head-shape {top: -38px; right: -34px;}
}
@media (min-width: 1300px) and (max-width: 1499px) { 
	/** Header Sec **/
	.banner-content-img img { width: 100%;}
	.banner-content h1 {font-size: 50px; line-height: 70px;}
	.banner-content p {font-size: 18px;}
	.banner-content .d-xl-block { display: inline !important;}

	/**  Router Manage Sec  **/	
	.routers-manage-sec .sec-title {padding: 80px 25px 0 0;}
	.routers-manage-sec .sec-title h2 {font-size: 45px; line-height: 60px;}
	.routers-manage-sec-img img {width:100%;}
	.routers-manage-sec .sec-title p {font-size: 17px;}
	.routers-manage-sec .sec-title p br { display:none;}
	.single-routers-manage-sec-img img {width: 90%;}
	.routers-manage-sec-inner .single-router-sec h3 { font-size: 22px; 	line-height: 28px; margin: 0 0 10px; }

	/**  Request Consultation Sec  **/
	.contact-form {padding: 0 15px 0 25px;}
	.contact-form h3 {font-size: 35px; line-height: 54px;}
	.consultation-sec-img { margin: 0 0 0 -40px; }
	.consultation-sec-img img {width: 100%;}
	.request-consultation-shape {text-align: right; bottom: -50px;}
	.request-consultation-shape img { width: 60%; }
	.request-consultation-shape {right: 0;}
	
	/**  Take Tour Sec  **/
	.take-tour-sec {padding: 30px 0 270px;}
	.take-tour-box {width: 20%;}
	.take-tour-main-img {width: 56%; margin: 0 2%;}
	.take-tour-video-img-main img {width: 100%;}
	.take-tour-video-img .video-bg-shape img {width: 80%;}
	.take-tour-video-img .take-tour-video-shape img {width: 80%;}
	/**  Related Sec  **/
	.single-related-sec {padding: 0 20px;}
	.single-related-sec h2 {font-size: 30px; line-height: 40px;}
	.single-related-sec p {font-size: 16px;}
}
@media (min-width: 1200px) and (max-width: 1299px) { 
	/** Header Sec **/
	.banner-content-img img { width: 100%; }
	.banner-content h1 {font-size: 50px; line-height: 70px;}
	.banner-content p {font-size: 18px;}
	.banner-content p .d-xl-block {display: inline !important;}
	/**  Router Manage Sec  **/	
	.routers-manage-sec .sec-title {padding: 60px 25px  0;}
	.routers-manage-sec-img img {width:100%;}
	.routers-manage-sec .sec-title h2 {font-size: 45px; line-height: 60px;}
	.routers-manage-sec .sec-title p {font-size: 17px;}
	.routers-manage-sec .sec-title p br {display: none;}
	.single-routers-manage-sec-img img {width: 90%;}
	.routers-manage-sec-inner .single-router-sec h3 { font-size: 22px; 	line-height: 28px; margin: 0 0 10px; }
	.routers-manage-sec-inner ul li::after {right: -55px;}
	/**  Request Consultation Sec  **/
	.contact-form { padding: 0 10px 0 20px;	}
	.contact-form h3 {font-size: 33px; 	line-height: 54px;}
	.contact-form .sec-head-shape {top: -22px; right: 0; text-align: right;}
	.request-consultation-shape {right: 0;}
	.contact-form .sec-head-shape img {width: 80%;}
	.consultation-sec-img { margin: 0; }
	.consultation-sec-img img { width: 100%; }
	/**  Related Sec  **/
	.single-related-sec {padding: 0 20px;}
	.single-related-sec h2 {font-size: 30px; line-height: 40px;}
	.single-related-sec p {font-size: 16px;}
	/**  Take Tour Sec  **/
	.take-tour-sec {padding: 30px 0 270px;}
	.take-tour-box {width: 20%;}
	.take-tour-main-img {width: 56%; margin: 0 2%;}
	.take-tour-video-img-main img {width: 100%;}
	.take-tour-video-img .video-bg-shape img {width: 80%;}
	.take-tour-video-img .take-tour-video-shape img {width: 80%;}

}
@media (min-width: 992px) and (max-width: 1199px) { 

	/** Header Sec **/
	/** Header Sec **/
	header::after {height: 325px;}
	.banner-content-img img { width: 100%; }
	.banner-content h1 {font-size: 50px; line-height: 70px;}
	.banner-content p {font-size: 18px;}
	.banner-content p .d-xl-block {display: inline !important;}
	/**  Router Manage Sec  **/	
	.routers-manage-sec .sec-title {padding: 60px 0px 0 0;}
	.routers-manage-sec-img img {width:100%;}
	.routers-manage-sec .sec-title h2 {font-size: 40px; line-height:50px;}
	.routers-manage-sec .sec-title p {font-size: 17px;}
	.routers-manage-sec .sec-title p br {display: none;}
	.single-routers-manage-sec-img img {width: 90%;}
	.routers-manage-sec-inner {padding: 0;}
	.routers-manage-sec-inner .single-router-sec h3 { font-size: 22px; 	line-height: 28px; margin: 0 0 10px; }
	.routers-manage-sec-inner ul li::after {right: -50px; height: 260px;}
	/**  Take Tour Sec  **/
	.take-tour-sec {padding: 30px 0 270px;}
	.take-tour-box {width: 20%;}
	.take-tour-main-img {width: 56%; margin: 0 2%;}
	.take-tour-video-img-main img {width: 100%;}
	.take-tour-video-img .video-bg-shape img {width:67%;}
	.take-tour-video-img .take-tour-video-shape img {width: 65%;}
	/**  Related Sec  **/
	.single-related-sec {padding: 0 20px; min-height: 440px;}
	.single-related-sec h2 {font-size: 30px; line-height: 40px;}
	.single-related-sec p {font-size: 16px;}
	.single-service-text {padding: 0;}
	/**  Request Consultation Sec  **/
	.contact-form { padding: 0	}
	.contact-form h3 {font-size: 33px; 	line-height: 54px;}
	.contact-form .sec-head-shape {top: -22px; right: -26px;}
	.contact-form .sec-head-shape img {width: 60%;}
	.consultation-sec-img { margin: 0; }
	.consultation-sec-img img { width: 100%; }
	.contact-form form input, .contact-form form textarea, .contact-form form select {font-size:14px;}
	label.float-label {font-size: 14px;}
	.contact-form .sec-head-shape { top: -15px;	right: 0; text-align: right;}
	.request-consultation-shape {right: 0; }

}

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

	/** Header Sec **/
	header::after {height: 325px;}
	.top-wrapper .logo img {max-height: 40px;}
	.banner-content-img img { width: 100%; }
	.banner-content h1 {font-size: 50px; line-height: 70px;}
	.banner-content p {font-size: 18px;}
	.banner-content p .d-xl-block {display: inline !important;}

	/**  Services Sec **/
	.list ul li {width: 48%; margin-left:4%;}
	.list ul li:nth-child(3) { margin-left:0; }
	.single-service-text {padding: 0;}

	/**  Router Manage Sec  **/	
	.routers-manage-sec .sec-title {padding: 60px 0px 0 0;}
	.routers-manage-sec-img img {width:100%;}
	.routers-manage-sec .sec-title h2 {font-size: 35px; line-height: 50px;}
	.routers-manage-sec .sec-title p {font-size: 17px;}
	.routers-manage-sec .sec-title p br { display:none;}
	.single-routers-manage-sec-img img {width: 90%;}

	/**  Request Consultation Sec  **/
	.request-consultation-sec {overflow-x: hidden;}
	.consultation-sec-img {margin: 0 0 45px;}
	.consultation-sec-img img {width: 100%;}
	.request-consultation-shape {right: 0; bottom: 0;}
	.contact-form .sec-head-shape {right: 0; text-align: right;}
	.contact-form .sec-head-shape img { width: 60%;	}

	/**  Take Tour Sec  **/
	.take-tour-sec {padding: 30px 0 120px;}
	.tour-sec-mob {text-align: center;}
	.take-tour-box {margin: 0 auto;}
	.take-tour-main-img {width: 85%; margin: 0 auto; padding: 30px 0;}
	.take-tour-video-img-main img {width: 100%;}
	.take-tour-video-img .video-bg-shape img {width:67%;}
	.take-tour-video-img .take-tour-video-shape {  top: -35px; right: -45px;}
	.take-tour-video-img .take-tour-video-shape img {width: 65%;}

	/**  Related Sec  **/
	.related-sec {padding: 120px 0 ;}
	.related-sec .sec-title { margin: 0 0 10px;	}
	.related-sec .sec-title h2 { font-size: 45px; line-height: 60px;}
}


@media (max-width: 991.98px) {
	/**  Router Manage Sec  **/	
	.single-router-sec h3 {margin: 0 0 10px; font-size: 22px; line-height: 30px;}
	/*.list ul li{ min-height: 430px;	}*/
}

@media (max-width: 767px) { 

	/** Common Styles Sec **/
	section.elementor-section.elementor-top-section { overflow: inherit;}
	button:focus {outline: none; border: none;}
	section {overflow-x: hidden;}
	/** Header Sec **/
	.top-wrapper {padding: 0 10px;}
	.top-wrapper .logo {margin: 0 0 20px; text-align: center;}
	/* .top-wrapper .logo img {width: 90%;} */
	.top-sec {border:none; padding: 0;}
	.cta h2 { font-size: 18px; font-family: 'Roboto', sans-serif; font-weight: 600; background: none;	padding-left: 0;background: #638395;border-radius: 40px;padding: 0 33px;}
	.cta h2 span {margin: 0 0 0 8px; font-weight: 500;}
	.cta .cta-btn {background: none; font-size: 18px; font-weight: 700; padding: 0; margin: 0;}
	header {padding: 25px 0 30px;}
	header::after {height: 370px;}
	.banner-content {padding: 30px 0 0;}
	.banner-content-img {margin: 30px 0; display: flex; justify-content: center;}
	.banner-content-img img { max-width: 100%; height:auto; }
	.banner-content h1 {font-size: 45px; line-height: 60px;}
	.banner-content p {font-size: 18px; line-height: 25px;}
	.banner-content p .d-xl-block {display: inline !important;}
	/**  Services Sec **/
	.service-sec-main {padding: 0 0 90px;}
	.single-services-sec {text-align: center; margin: 25px 0 0;}
	.service-sec-main .sec-title {margin: 0;}
	.service-sec-main .sec-title h2 {font-size: 30px; line-height: 44px;}
	.single-services-sec .icon {margin: 0 0 17px;}
	.list ul li {border-bottom: 1px solid #dce3e7;}
	.single-services-sec h3 {font-size: 25px; margin: 0 0 5px;}
	.single-services-sec p {margin: 0 0 20px;}
	.list ul li {width: 47%; margin-left:6%; }
	.list ul li:nth-child(3) { margin-left:0; }

	/**  Router Manage Sec  **/	
	.routers-manage-sec { padding: 40px 0 0;}
	.routers-manage-sec-img img {width:100%;}
	.routers-manage-sec .sec-title h2 { font-size: 32px; line-height: 39px;}
	.routers-manage-sec-inner ul li {margin: 0; padding: 13px 0 0;}
	.single-router-sec h3 {margin: 0 0 5px; font-size: 22px;}
	.routers-manage-sec .sec-title p {font-size: 16px; margin: 0 0 13px;}
	.routers-manage-sec .sec-title p br {display: none;}
	.single-routers-manage-sec {min-height: 165px; margin: 0;}
	.single-routers-manage-sec .owl-carousel .owl-item img {display: block; width: 80%;	margin: 0 auto;}
	.routers-manage-sec .sec-title { margin: 0; padding: 30px 0;}
	.single-service-active .single-routers-manage-sec-img {text-align: center; margin: 0 0 15px;}
	.single-routers-manage-sec:hover {background: none;}
	.single-service-active .single-routers-manage-sec-img img {width: 90%; margin: 0 auto;}
	.single-service-active .owl-nav [class*="owl-"] { position: absolute;   left: -20px;	top: 10%;	margin: 0; width: 25px; height: 80px;	background: #fff !important; -webkit-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s;}
	.single-service-active .owl-nav .owl-next {right:-20px !important; left: auto;}
	.single-service-active .owl-nav button:focus {border: none; outline: none;}
	.ciena-logo {  background: url(../images/ciena-logo-hover.png) left top no-repeat;   width: 109px;   height: 34px; display: inline-block;}
	.cisco-logo {  background: url(../images/cisco-logo-hover.png) left top no-repeat;   width: 85px;   height: 45px; display: inline-block;}
	.juniper-logo {  background: url(../images/juniper-logo-hover.png) left top no-repeat;   width: 128px;   height: 36px; display: inline-block;}
	.fujistu-logo {  background: url(../images/fujistu-logo-hover.png) left top no-repeat;   width: 103px;   height: 50px; display: inline-block;}
	.adlran-logo {  background: url(../images/adlran-logo-hover.png) left top no-repeat;   width: 123px;   height: 30px; display: inline-block;}
	

	/**  Request Consultation Sec  **/
	.request-consultation-sec {padding: 35px 0 13px;}
	.routers-manage-sec .sec-title h2 {font-size: 30px; line-height: 38px; margin: 0 0 15px;}
	.contact-form { padding: 0 10px;}
	.contact-form .sec-head-shape {right:0; top: -20px; text-align: right;}
	.contact-form .sec-head-shape img {width: 80%;}
	.contact-form h3 {font-size: 30px;}
	.consultation-sec-img {margin: 0 0 45px;}
	.consultation-sec-img img {width: 100%;}
	.request-consultation-shape {right: 0; display: none;}
	.contact-form form textarea {min-height: 120px;}
	.contact-form form input, .contact-form form textarea, .contact-form form select {font-size: 14px;}
	label.float-label {font-size: 14px;}
	.contact-form form select#how_many_devices_or_end_points_does_your_company_manage_ {  background: url(../images/select-arrow.png) no-repeat 93% 21px; padding: 8px 38px 7px 28px !important; height: 52px; line-height: 16px; white-space: normal;} 
	.contact-form form .form-group {width: 100%; margin: 0 0 15px;}

	/**  Take Tour Sec  **/
	.take-tour-sec {padding: 30px 0 50px;}
	.take-tour-sec .sec-title h2 { line-height: 45px; font-size: 35px; }
	.take-tour-sec .sec-title {margin: 0 0 20px;}
	.tour-sec-mob {text-align: center;}
	.take-tour-video-img-main {margin: 0 0 -10px;}
	.take-tour-box {  margin: 0 auto; background: #fff;	width: 100%;	border-radius: 10px;	box-shadow: #dce1e6 0 0 20px; padding:10px 20px 30px;}
	.single-take-box {    margin: 0; background: none; border-bottom: 1px solid #dce3e7; box-shadow: none;}
	.single-take-box:last-child{border:none; padding-bottom: 0;}
	.take-tour-video-img .video-bg-shape {display: none;}
	.take-tour-video-img-main .btn {padding: 0;}
	.take-tour-main-img {width: 100%; margin: 0 auto; padding: 0;}
	.take-tour-video-img .take-tour-video-shape {display: none;}
	.take-tour-video-img-main img {width: 100%; border-radius: 10px;}
	.take-tour-video-img .video-bg-shape img {width:67%;}
	.take-tour-video-img .take-tour-video-shape img {width: 65%;}
	.mfp-iframe-holder .mfp-content {width: 95%;}
	.mfp-close::before {font-size: 25px;}

	/**  Related Sec  **/
	.related-sec {padding: 40px 10px ; background: url(../images/mob-releated-services-bg.png) bottom center no-repeat;  width: 100%; 	background-size: cover; min-height: 665px; border-top-left-radius: 50% 12%; border-top-right-radius: 50% 12%;}
	.related-sec .owl-nav [class*="owl-"] { position: absolute;   left: -30px;	top: 40%;	margin: 0; width: 25px; -webkit-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s;}
	.related-sec .owl-nav .ti:before {color: #d1dbe0; font-size: 30px;}
	.single-related-sec { background: #638395; min-height: 265px; margin: 0; padding: 35px 20px;border-radius: 15px;}
	.single-related-sec h2 {  font-size: 24px; margin: 0 0 6px; line-height: 35px;}
	.single-related-sec p { font-size: 16px; line-height: 25px;}
	.single-related-sec .theme-btn {    background: #f0c029; color: #000000; line-height: 40px; font-size: 12px; margin: 0;}
	.related-sec .owl-nav .owl-next {right:-26px !important; left: auto;}
	.related-sec .sec-title { margin: 0 0 10px;	}
	.related-sec .sec-title .icon { margin: 0 0 20px; }
	.related-sec .sec-title h2 {font-size: 30px; line-height: 35px; margin: 0 0 15px;}
}
@media (min-width: 576.78px) and (max-width: 767px) { 
	/**  Services Sec **/
	.list ul li {min-height: 245px;}
	.single-services-sec h3 {font-size: 23px;}
	.single-service-text {padding: 0;}
}
@media (max-width: 576px) { 
	/** Header Sec **/
	.container {padding-right: 20px; padding-left: 20px;}
	.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
		padding-right: 20px; padding-left: 20px;	}
		.row {margin-right: -20px; margin-left: -20px;}

		header::after { height: 260px;	}
		.banner-content h1 { font-size: 36px; line-height: 40px;}

		/**  Services Sec **/
		.service-sec-main {padding: 0 0 10px;}
		.list ul li {width: 100%; margin-left: 0%; padding: 0 25px;}
		.list ul li:nth-child(2) { margin-left: 0%;	}
		.list ul li:last-child {border: none;}
		.single-service-text {padding: 0;}

		/** Router Manage Sec  **/

		/**  Request Consultation Sec  **/
		.contact-form .sec-head { position: relative;	margin: 0 0 30px; }
		.contact-form h3 { font-size: 30px; line-height: 38px;	margin:0 50px 0 0;}
		.contact-form form .btn { line-height: 50px; padding: 0 25px; width: 100%; margin: 0;}
		.request-consultation-shape {display: none;}

		/**  Take Tour Sec  **/
		.take-tour-sec .sec-title h2 { line-height: 40px; font-size: 30px;}
		.take-tour-video-img .take-tour-video-shape {top: -17px; right: -58px;}
		.take-tour-video-img .take-tour-video-shape img { width: 50%; }
	}






