@media only screen and (max-width: 991px){
	.navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid {
		padding-right: 15px;
		padding-left: 15px;
	}

}

@media only screen and (max-width: 479px){
	.about p {
		text-align: justify;
	}
	.hyper-link {
		text-align: center;
		float: none;
		margin: auto;
		display: block;
	}
	.footer1 {
		width: 100%;
		margin-bottom: 20px;
	}
	.footer2 {
		width: 50%;
	}
	.footer3 {
		width: 50%;
	}
	.footer4 {
		width: 100%;
	}
	.copy-right-left {
		width: 100%;
		text-align: center;
	}
	.copy-right-right {
		width: 100%;
	}
	.copy-right-right  p{
		text-align: center;
	}
	.footer-items {
		margin-bottom: 15px;
	}
	.footer-copyright {
		padding: 15px 0px;
	}
	.about-image {
		width: 80%;
	}
	.image-box img {
		width: 100%;
		right: -50px;
		position: relative;
	}
	.image-box {
		margin: 0px;
	}
	.text {
		left: -11px;
		top: 84%;
		height: 100%;
		font-size: 41px;
	}
	.about-content br {
		display: none;
	}
	.about-content {
		padding: 30px 0px 0px 0px;
	}
	.about-content h4 {
		text-align: left;
		margin-bottom: 15px;
	}
	.vission-box {
		margin: 25px 0px 25px;
		padding: 20px;	
	}
	.footer .footer-about-1 {
		padding-right: 0px;
	}
	.channel-box img {
		width: 35%;
		margin: auto;
	}
	
	.contact-left {
		width: 100%;
		padding: 20px 15px;	
		margin-bottom: 20px;
	}
	.add-links li, .contact-left h4, .contact-right h4 {
		text-align: center;
	}
	.add-links img {
		margin: auto;
		margin-bottom: 20px;
		display: block;
	}
	.add-links {
		margin-bottom: 30px;
	}
	.footer-social {
		margin: auto;
		display: block;
		width: fit-content;
	}
	.contact-right {
		width: 100%;
	}
	.res-box {
		width: 50%;
		float: left;
	}
	.product-box img {
		height: auto;
	}
	.res-block2 {
		width: 50%;
		float: left;
	}
	.res-block2 .res-box {
		width: 100%;
		float: left;
	}
	.nameplate {
		margin-bottom: 10px;
	}
	.values-box li {
		font-size: 14px;
		width: 21%;
		padding: 5px 0px;
		text-align: center;
	}
	.main-title {
		text-align: left;
	}
	.sub-title {
		font-size: 15px;
		    text-align: left;
	}
	.product-box {
		margin-bottom: 20px;
	}
	.product-box.custom {
		width: 100%;
	}
	.product-box.custom  .res-box {
		flex: 50%;
		float: left;
		display: inline-block;
		max-width: 50%;
	}
	.mob-last {
		margin-bottom: 0px;
	}
	.innerpage-sec {
		padding: 50px 0px;	
	}
	.banner {
		margin-top: 133px;
	}
	.small-banner {
		padding: 30px 0px;
		margin-top: 133px;
	}
	.mainnav .container{
		padding: 0px;
		margin-left: 15px;
		margin-right: 15px;
		position: relative;
	}
	.services-block img {
		height: auto;
	}
	.services-content .d-block {
		display: none !important;
	}
	.services-content {
		padding: 30px 5px;
	}
	.services-block h4 {
		font-size: 20px;
	}
	.spacer-60 {
		margin-top: 25px;
	}
	.partner-img:nth-child(5n){
		margin-right: 5%;
	}
	.partner-img:nth-child(3n){
		margin-right: 0%;
	}
	.partner-img {
		width: 30%;
	}
	.footer  .footer-social{
		float: left;
		margin-top: 15px;
	}
	.tm-heading img {
		padding-left: 0;
		width: 70%;
	}
	.channel-box {
		min-height: 80px;
		    margin-bottom: 15px;
	}
	.form-block {
		padding: 25px 15px;
	}
	.small-banner .title {
		color: #fff;
		font-size: 30px;
	}
	.services {
		margin-bottom: 50px;
    padding-top: 35px !important;
	}
	.channel-box.mob-one {
		margin-bottom: 0px;
	}
	.home-client br {
		display: none;
	}
	.carousel-indicators {
		bottom: -15px !important;
	}
	.block-title h2 {
		font-size: 34px;
		line-height: 45px;
		margin-bottom: 20px;
		max-width: 96%;
	}
	.block-title h2  .d-block{
		display: none !important;
	}
		
}

@media only screen and (max-width: 371px) {
	.mainnav .navbar-brand {
		width: 125px;
		margin-right: 5px;
		position: relative;
		top: 7px;
	}
	
	.mainnav .gem-logo {
	width: 87px;
    padding-left: 5px;
    float: left;
    margin-right: 0px;
	}
	.iso-img img {
		height: 65px;
		margin-top: 10px;
	}
	.navbar-toggler {
		margin-top: 10px;
	}
	.text {
		left: -3px;
		top: 84%;
		height: 100%;
		font-size: 35px;
	}
	
	
}


@media only screen and (min-width: 480px) and (max-width: 639px){
	.about p {
		text-align: justify;
	}
	.tm-heading img {
		padding-left: 0;
		width: 70%;
	}
	.services {
    padding-top: 40px !important;
	}
	.block-title h2 {
		font-size: 34px;
		line-height: 45px;
		margin-bottom: 20px;
		max-width: 96%;
	}
	.block-title h2  .d-block{
		display: none !important;
	}
	.carousel-indicators {
		bottom: -5px !important;
	}
	.hyper-link {
		text-align: center;
		float: none;
		margin: auto;
		display: block;
	}
	.services-content .d-block {
		display: none !important;
	}
	.services-content {
		padding: 30px 0px;
	}
	.spacer-60{
		margin-top: 20px;
	}
	.partner-img:nth-child(5n){
		margin-right: 5%;
	}
	.partner-img:nth-child(3n){
		margin-right: 0%;
	}
	.partner-img {
		width: 30%;
	}
	.footer  .footer-social{
		float: left;
		margin-top: 15px;
	}
	.footer1 {
		width: 100%;
		margin-bottom: 20px;
	}
	.footer2 {
		width: 50%;
	}
	.services-block img {
		height: auto;
	}
	.footer3 {
		width: 50%;
	}
	.footer4 {
		width: 100%;
	}
	.copy-right-left {
		width: 100%;
		text-align: center;
	}
	.copy-right-right {
		width: 100%;
	}
	.copy-right-right  p{
		text-align: center;
	}
	.footer-items {
		margin-bottom: 15px;
	}
	.footer-copyright {
		padding: 15px 0px;
	}
	.about-image {
		width: 87%;
	}
	.image-box img {
		width: 100%;
		right: -50px;
		position: relative;
	}
	.image-box {
		margin: 0px;
	}
	.text {
		left: -6px;
		top: 84%;
		height: 100%;
		font-size: 41px;
	}
	.about-content br {
		display: none;
	}
	.about-content {
		padding: 30px 0px 0px 0px;
	}
	.about-content h4 {
		text-align: left;
		margin-bottom: 15px;
	}
	.vission-box {
		margin: 25px 0px 25px;
		padding: 20px;	
	}
	.footer .footer-about-1 {
		padding-right: 0px;
	}
	.channel-box img {
		width: 70%;
		margin: auto;
	}
	.mob-one {
		margin-bottom: 0px;
	}
	.contact-left {
		width: 100%;
		padding: 20px 40px;	
		margin-bottom: 20px;
	}
	.add-links li, .contact-left h4, .contact-right h4 {
		text-align: center;
	}
	.add-links img {
		margin: auto;
		margin-bottom: 20px;
		display: block;
		width: 70px;
	}
	.add-links {
		margin-bottom: 30px;
	}
	.footer-social {
		margin: auto;
		display: block;
		width: fit-content;
	}
	.contact-right {
		width: 100%;
	}
	.res-box {
		width: 50%;
		float: left;
	}
	.product-box img {
		height: auto;
	}
	.res-block2 {
		width: 50%;
		float: left;
	}
	.res-block2 .res-box {
		width: 100%;
		float: left;
	}
	.nameplate {
		margin-bottom: 10px;
	}
	.values-box li {
		font-size: 14px;
		width: 21%;
		padding: 5px 0px;
		text-align: center;
	}
	.main-title {
		text-align: left;
	}
	.product-box {
		margin-bottom: 20px;
	}
	.product-box.custom {
		width: 100%;
	}
	.product-box.custom  .res-box {
		flex: 50%;
		float: left;
		display: inline-block;
		max-width: 50%;
	}
	.mob-last {
		margin-bottom: 0px;
	}
	.innerpage-sec {
		padding: 50px 0px;	
	}
	.banner {
		margin-top: 92px;
	}
	.small-banner {
		padding: 30px 0px;
		margin-top: 92px;
	}
	.channel-block {
		width: 50%;
		float: left;
	}
	.navbar-toggler {
		width: auto;
		margin: 0px;
	}
	.navbar-collapse.collapse.show, .navbar-collapse.collapsing {
		top: 61px;
		width: 50%;
		right: 15px;
	}
	.mainnav .gem-logo {
		margin-right: 50px;
	}
	.iso-img img {
		padding-right: 15px;	
	}
	
	
}



@media only screen and (min-width: 640px) and (max-width: 767px){
	.about p {
		text-align: justify;
	}
	.tm-heading img {
		padding-left: 0;
		width: 70%;
	}
	.carousel-indicators {
		bottom: -5px !important;
	}
	.block-title h2 {
		font-size: 34px;
		line-height: 45px;
		margin-bottom: 20px;
		max-width: 96%;
	}
	.block-title h2  .d-block{
		display: none !important;
	}.services {
    padding-top: 40px !important;
	}
	.hyper-link {
		text-align: center;
		float: none;
		margin: auto;
		display: block;
	}
	.footer1 {
		width: 100%;
		margin-bottom: 20px;
	}
	.footer2 {
		width: 50%;
	}
	.services-block img {
		height: auto;
	}
	.footer3 {
		width: 50%;
	}
	.footer4 {
		width: 100%;
	}
	.copy-right-left {
		width: 100%;
		text-align: center;
	}
	.copy-right-right {
		width: 100%;
	}
	.copy-right-right  p{
		text-align: center;
	}
	.footer-items {
		margin-bottom: 15px;
	}
	.footer-copyright {
		padding: 15px 0px;
	}
	.about-image {
		width: 87%;
	}
	.image-box img {
		width: 100%;
		right: -50px;
		position: relative;
	}
	.image-box {
		margin: 0px;
	}
	.text {
		left: -6px;
		top: 84%;
		height: 100%;
		font-size: 41px;
	}
	.about-content br {
		display: none;
	}
	.about-content {
		padding: 30px 0px 0px 0px;
	}
	.about-content h4 {
		text-align: left;
		margin-bottom: 15px;
	}
	.vission-box {
		margin: 25px 0px 25px;
		padding: 20px;	
	}
	.footer .footer-about-1 {
		padding-right: 0px;
	}
	.channel-box img {
		width: 60%;
		margin: auto;
	}
	.mob-one {
		margin-bottom: 0px;
	}
	.contact-left {
		width: 100%;
		padding: 20px 40px;	
		margin-bottom: 20px;
	}
	.add-links li, .contact-left h4, .contact-right h4 {
		text-align: center;
	}
	.add-links img {
		margin: auto;
		margin-bottom: 20px;
		display: block;
		width: 70px;
	}
	.add-links {
		margin-bottom: 30px;
	}
	.footer-social {
		margin: auto;
		display: block;
		width: fit-content;
	}
	.contact-right {
		width: 100%;
	}
	.res-box {
		width: 33.33%;
		float: left;
	}
	.product-box img {
		height: auto;
	}
	.res-block2 {
		width: 33.33%;
		float: left;
	}
	.res-block2 .res-box {
		width: 100%;
		float: left;
	}
	.nameplate {
		margin-bottom: 0px;
	}
	.product-box.custom .nameplate, .Firewalls  .nameplate{
		margin-bottom: 10px;
	}
	.values-box li {
		font-size: 14px;
		width: 21%;
		padding: 5px 0px;
		text-align: center;
	}
	.main-title {
		text-align: left;
	}
	.product-box {
		margin-bottom: 20px;
	}
	.product-box.custom {
		width: 100%;
	}
	.product-box.custom  .res-box {
	    flex: 33.33%;
		float: left;
		display: inline-block;
		max-width: 33.33%;
	}
	.mob-last {
		margin-bottom: 0px;
	}
	.innerpage-sec {
		padding: 50px 0px;	
	}
	.banner {
		margin-top: 91px;
	}
	.small-banner {
		padding: 30px 0px;
		margin-top: 92px;
	}
	.channel-block {
		width: 50%;
		float: left;
	}
	.navbar-toggler {
		width: auto;
		margin: 0px;
	}
	.navbar-collapse.collapse.show, .navbar-collapse.collapsing {
		top: 61px;
		width: 50%;
		right: 65px;
	}
	.sub-title {
		font-size: 17px;
	}
	.client-block {
		width: 50%;
		float: left;
	}
	.client-box {
		min-height: 95px;
	}
	.res-input {
		width: 50%;
		float: left;
	}
	.services-content {
		padding: 30px 10px;
	}
	.services-block h4 {
		font-size: 20px;
	}
	.mainnav .gem-logo {
		margin-right: 70px;
	}
	.iso-img img {
		padding-right: 30px;	
	}
	.banner .carousel-control-prev, .banner .carousel-control-next {
		margin-top: 65px;
	}
	.services-container {
		padding: 32px;
	}
	.spacer-60 {
		margin-top: 30px;
	}
	.partner-img {
		width: 19%;
		margin-right: 1%;
	}
	.footer .footer-social {
		float: left;
		margin-top: 15px;
	}
	.home-client br {
		display: none;
	}
		
}





@media only screen and (min-width: 768px) and (max-width: 991px){
	.about p {
		text-align: justify;
	}
	.hyper-link {
		float: none;
		margin: auto;
		display: block;
	}
	.home-client br {
		display: none;
	}
	.services-content .hyper-link , .clients .hyper-link { 
		text-align: center;
	}
	.footer1 {
		width: 100%;
		margin-bottom: 20px;
	}
	.services {
    padding-top: 50px !important;
	}
	.footer2 {
		width: 32%;
	}
	.services-block img {
		height: auto;
	}
	.footer3 {
		width: 24%;
	}
	.footer4 {
		width: 44%;
	}
	.copy-right-left {
		width: 70%;
		text-align: left;
	}
	.copy-right-right {
		width: 30%;
	}
	.copy-right-right  p{
		text-align: right;
	}
	.footer-items {
		margin-bottom: 15px;
	}
	.footer-copyright {
		padding: 15px 0px;
	}
	.about-image {
		width: 87%;
	}
	.image-box img {
		width: 100%;
		right: -50px;
		position: relative;
		top: 70px;
	}
	.image-box {
		margin: 0px;
	}
	.text {
	    left: -4px;
		top: 75%;
		height: 100%;
		font-size: 37px;
	}
	.about-content br {
		display: none;
	}
	.about-content {
		padding: 30px 0px 0px 0px;
	}
	.about-content h4 {
		text-align: left;
		margin-bottom: 15px;
	}
	.footer .footer-about-1 {
		padding-right: 0px;
	}
	.channel-box img {
		width: 100%;
		margin: auto;
	}
	.mob-one {
		margin-bottom: 0px;
	}
	.contact-left {
		padding: 20px 10px;	
		width: 38%;
	}
	.contact-right {
		width: 60%;
		float: left;
		height: auto;
	}
	.form-block {
		padding: 20px 25px;
	}
	.add-links img {
		width: 70px;
	}
	.add-links {
		margin-bottom: 30px;
	}
	.res-box {
		width: 33.33%;
		float: left;
	}
	.product-box img {
		height: 115px;
	}
	.res-block2 {
	    float: left;
		flex: 0 0 25%;
		max-width: 25%;
	}
	.res-block2 .res-box {
		width: 100%;
		float: left;
	}
	.nameplate {
		margin-bottom: 0px;
	}
	.product-box.custom .nameplate, .Firewalls  .nameplate{
		margin-bottom: 10px;
	}
	.values-box li {
		font-size: 14px;
		width: 21%;
		padding: 5px 0px;
		text-align: center;
	}
	.main-title {
		text-align: left;
	}
	.product-box {
		margin-bottom: 20px;
	}
	.product-box.custom {
		width: 100%;
	}
	.product-box.custom  .res-box {
		flex: 25%;
		float: left;
		display: inline-block;
		max-width: 25%;
	}
	.mob-last {
		margin-bottom: 0px;
	}
	.innerpage-sec {
		padding: 50px 0px;	
	}
	.banner {
		margin-top: 91px;
	}
	.small-banner {
		padding: 30px 0px;
		margin-top: 92px;
	}
	.channel-block {
		width: 50%;
		float: left;
	}
	.navbar-toggler {
		width: auto;
		margin: 0px;
	}
	.navbar-collapse.collapse.show, .navbar-collapse.collapsing {
	    top: 64px;
		width: 30%;
		right: 40px;
	}
	.sub-title {
		font-size: 17px;
	}
	.client-block {
		width: 50%;
		float: left;
	}
	.client-box {
		min-height: 95px;
	}
	.res-input {
		width: 50%;
		float: left;
	}
	.services-content {
		padding: 30px 10px;
	}
	.services-block h4 {
		font-size: 20px;
	}
	.banner .carousel-control-prev, .banner .carousel-control-next {
		margin-top: 90px;
	}
	.tm-heading img {
		padding-left: 0;
		width: 96%;
		padding-top: 75px;
	}
	.values-img {
		margin-top: 100px;
	}
	.res-block {
		flex: 0 0 50%;
		max-width: 50%;
	}
	.res-block3 {
		flex: 0 0 74%;
		max-width: 72%;
	}
	.res-block4{
		flex: 0 0 100%;
		max-width: 100%;
	}
	.res-block5 {
		flex: 0 0 95%;
		max-width: 95%;
	}
	.tab-pro {
		margin-bottom: 0px;
	}
	.mainnav .gem-logo {
		margin-right: 260px;
	}
	.iso-img img {
		padding-right: 30px;
	}
	.home-contact {
		max-width: 100%;
		margin-left: 0;
		flex: 0 0 100%;
	}
	.home-client {
		    margin: 0px;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.channel-box {
		min-height: 80px;
	}
	.carousel-indicators {
		bottom: 5px !important;
	}
	


	
}




@media only screen and (min-width: 992px) and (max-width: 1199px){
	.mainnav .nav-item {
		margin: 0px 15px;
	}
	.banner .carousel-control-prev, .banner .carousel-control-next {
		margin-top: 120px;
	}
	.services-content .d-block{
		display: none !important;
	}
	.about-content br {
		display: none;
	}
	.about-content h4 {
		margin-bottom: 10px;
	}
	.sub-title {
		font-size: 15px;
		text-align: left;
	}
	.product-box img {
		height: 99px;
	}
	.channel-box.last {
		margin-bottom: 0px;
	}
	.footer-social {
		margin: 0px;
	}
	.add-links {
		margin-bottom: 0;
	}
	.contact-left {
		padding: 20px 30px;
	}
	.home-client br {
		display: none;
	}
	.carousel-indicators {
		bottom: 5px !important;
	}
	
	
	
	
	
}





























	
	
	
	


