/*Extra small devices (portrait phones, less than 576px)
No media query for `xs` since this is the default in Bootstrap*/
@media (max-width: 400px) { 
	.h1{
		margin-bottom: 20px;
    	margin-top: 20px;
	}
	.pb-5, .py-5 {
		padding-bottom: 2rem!important;
		padding-top:1rem!important;
	}
	#block-grid {
		margin-top: 11px;
	}
	#restocarouselmob .carousel-control-prev,#restocarouselmob .carousel-control-next {
		top: -70px;
	}
	#restocarouselmob .fa{
		padding-right:0;
	}
	#managed-solutions-cont .same-div-height{
		min-height: auto;
	}
	.insights-home {
		padding-bottom: 40px;
		margin-top: 40px;
		padding-top: 20px;
	}
	.btn-search{
		padding:0;
	}
	.mobile-search .form-control-lg{
		padding: 3px;
	}
	#cookie-notice{
		bottom:48px;
	}
	#Topcarousel .carousel-item img {
		width: 0;
		height: 0;
	}
	.carousel-caption h1 {
	    font-weight: 600;
	    font-size: 20px;
	    text-align: center;
	}
	.carousel-caption h2 {
		font-weight: 600;
		font-size: 21px;
		text-align: center;
		text-shadow: 0px 0px 8px rgb(255, 255, 255);
	}
	.career-job-related{
		display: none;
	}
/* 	.sticky {
	    position: relative!important;
	} */
	.mb-3, .my-3 {
	    margin-bottom: 0rem!important;
	}
	.logo-img {
	    margin-left: 0;
	}
	.exo-menu {
	    padding-left: 0;
	}
	.exo-menu i{
		float: none;
		padding-left: 5px;
	}
	.mob-set-top-10 {
		padding-top: 10px;
	}
	.display.exo-menu > li > a {
	    display: block;
	    padding: 6px 1px;
	}
	.display.exo-menu > li > a .fa {
		float: right;
	}
	.nav-single{
		display: none;
	}
	.mega-menu{
		top: 0;
	}
	.inline-list {
	    padding: 0;
	    margin-left: -79px;
	    width: 134%;
	}
	/*featured solutions carousel*/
	#restocarousel{
		display: none;
	}
	.carousel-item p.card-text{
		/*display: none;*/
	}
	.carousel-item .btn-readmore{
		display: none;
	}
	.remove-margin-top-120-mob {
	    margin-top: 0!important;
	    margin-bottom: 20px;
	}
	.contact-bg{
		background: none;
	}
	/*work with us*/
	.wws-intro .wws-intro-desc {
	    padding: 1% 5% 1%;
	}
	.wws-puzzle {
	    margin-top: 20px;
	}
	.wws-puzzle .card-body {
	    -ms-flex: 1 1 auto;
	    flex: 1 1 auto;
	    padding: 2rem;
	    height: 90px;
	    line-height: 55px;
	}
	.wws-closing .wws-intro-desc {
	    height: 110px;
	    line-height: 113px;
	    padding: 0px;
	}
	.bg-grey-telstra {
	    background: #656565;
	    padding: 10px!important;
	    text-align: center;
	}
	.set-left-20 {
	    left: 45%;
	}
	.events-content ol{
		margin-left: -15%;
	}
	/*leadership*/
	.leader-photo{
		width: 140px;
		filter: grayscale(0%)!important;
    	webkit-filter: grayscale(0%)!important;
    	opacity: 1!important;
	}
	.leadership-desc {
	    padding: 20px;
	}
	.col-lg-4 .leader-photo {
	    right: 15%;
	    left: 15%;
	    position: relative;
	    width: 200px;
	}
	.set-padding-right-20{
		padding-right: 15px;
	}
	aside {
	    margin-top: 40px;
	    position: -webkit-sticky;
	    position: sticky;
	    top: 40px;
	    border-top: 1px solid;
	    padding-top: 40px;
	}
	.sidebar-posts {
	    border-bottom: 1px solid #ccc;
	}
	.post-single-tags{
		float: left;
	}
	.post-single-img {
	    margin-top: 30px;
		min-height: 183px;
	}
	.h2, h2 {
	    font-size: 1.7rem;
	}
	.post-single-tags ul li, .post-single-tags a {
	    font-size: 10px;
	}
	.carousel-caption {
		display: block!important;
		width: 72%;
		bottom: 8px;
		margin-top: 0;
		font-size: 10px;
		z-index: 99;
		opacity: 1;
	}
	.carousel-caption h5 {
	    font-size: 15px;
	    text-align: center;
	    opacity: 1;
	}
	.carousel-caption .btn-outline-primary {
		margin: auto;
		display: block;
		padding: 7px 2px;
		width: 60%!important;
		opacity: 1;
	}
	footer .mega-menu{
		top: 0;
		background-color: #fafafa;
	}
	.mega-menu-wrap .col-md-3{

	}
	.bg-nav-white{
		height: 1px;
	}
	.about-pointer,.products-pointer {
	    display: none;
	}
	.mob-submenu-pointer{
	  display: block!important;
	  padding-left: 5px;
	}

	footer .inline-list {
	    list-style: none;
	    padding: 5px;
	    margin-top: 1px;
	}
	footer .bg-mega-menu{
		display: none;
	}

	.footer-title-a {
	    background: #fff;
	    padding: 5px 10px;
	    color: #000!important;
	    font-weight: 500!important;
	    font-size: 15px!important;
	    border-bottom: 1px solid #ccc;
	}
	/*.footer-box .col-lg-6 ul li:first-child a {
	    border-top: 1px solid #ccc;
	    padding: 9px;
	}*/
	#mobile-footer-nav ul li a{
		padding: 9px;
	}
	#mobile-footer-nav .footer-title .sub-footer li a:first-child {
	    border-top: 1px solid #ccc;
	}
	/*#mobile-footer-nav .footer-title .sub-footer li a:last-child{
		border-top: none;
		border-bottom: 1px solid #ccc;
	}*/
	.footer-box .col-lg-6 ul li .inline-list a{
		border: none;
	}

	h4.row.mega-title {
	    padding-right: 10px;
	    color: #000;
	}
	h4.row.mega-title span {
	    display: block;
	    width: 11%;
	    padding-bottom: 0;
	    float: left;
	}
	h4.row.mega-title a span{
		width: 35px;
	}
	h4.row.mega-title a{
		color: #000;
	}

	h4.row.mega-title .inline-list {
	    margin-left: 31px;
	    text-transform: none;
	}

	.set-pad-top-20:first-child{
		padding-top: 20px;
	}
	.set-pad-top-20{
		padding-top: 0;
		margin-bottom: 0;
	}
	.set-mob-pad-left-40{
		padding-left: 40px;
	}
	.stander{
		display: none;
		width: 240px;
    	margin-left: 33px;
	}
	footer h4.row.mega-title span img {
	    width: 25px;
	    filter: brightness(0) invert(0);
	}

	/*product menus' submenu on hover*/
	h4.row.mob-as-link-mns{
		cursor: pointer;
	}
	h4.row.mob-as-link-mns:hover .mob-stander-mns{
		display: block;
		text-decoration: underline;
	}
	.wws-closing .wws-intro-desc h1 {
		font-size: 40px;
	}
	.wws-pointer-intro-to-bottom{
		display:none;
	}
	.set-width-80perc{
		display:none;
	}
	#contact-sub{
		width:100%;
	}
	.pull-text-center{
		text-align:center;
	}
	hr.d-sm-none{
		display:none;
	}
	.downArrow{
		display:none!important;
	}
	.wws-main-headline {
		padding: 33px;
		height: 150px;
	}
	.wws-closing p {
		padding: 20px;
		font-size: 16px;
	}
	.carousel-control-next, .carousel-control-prev{
		width:15%;
	}
	.bg-nav-white{
		background:transparent;
	}
	#nf-field-25 {
		width: 100%;
	}
	.search-form-drop{
		box-shadow: none!important;
	}
	.is-subnav-visible {
	    /*left: 35%!important;*/
	    left: 29%!important;
	    width: 282px!important;
	}
	.cbFlyNav-wrap .solutions-list {
	   
	    margin-left: -52px!important;
	    width: 130%!important;
	}
	.mob-disp{
		display: block!important;
	}
	.career-accordion ol li a.toggle {
		text-align: left;
		padding: 0 0 10px 0;
	}
	.career-accordion ol li a p {
	    margin-bottom: 10px;
		display:none;
	}
	.pagination .prev,.pagination .next{
		display: none;
	}
	h1 {
	    font-size: 1.8rem;
	}
	#Topcarousel .carousel-item{
		background-size: 222%!important;
    	background-position-x: -404px!important;
	}
	#Topcarousel .heading-white {
	    color: #fff;
	    text-shadow: 0px 0px 8px rgb(0, 0, 0);
	}
	footer {
		padding-bottom: 3rem;
	}
	.pagination {
		display: none!important;
	}
	.footer-box .footer-title:nth-child(2) {
		padding-left:0;
	}
	#benefitssolcarousel .card{
		left:4%;
		box-shadow:none;
		border:1px solid #d7d5d5;
		    min-width: 297px;
	}
}
@media (min-width: 400px) and (max-width: 768px) { 
/* 	.cbFlyNav-wrap .solutions-list {
		margin-left: 12px!important;
		width: 106%!important;
	} */
	.carousel-caption-center .btn{
		width:80%!important;
	}
	.h1{
		margin-bottom: 20px;
    	margin-top: 20px;
	}
	.pb-5, .py-5 {
		padding-bottom: 2rem!important;
		padding-top:1rem!important;
	}
	#block-grid {
		margin-top: 11px;
	}
	#restocarouselmob .carousel-control-prev,#restocarouselmob .carousel-control-next {
		top: -70px;
	}
	#restocarouselmob .fa{
		padding-right:0;
	}
	.insights-home {
		padding-bottom: 40px;
		margin-top: 40px;
		padding-top: 20px;
	}
	#managed-solutions-cont .same-div-height{
		min-height: auto;
	}
	.btn-search{
		padding:0;
	}
	.mobile-search .form-control-lg{
		padding: 3px;
	}
	.carousel-caption {
		display: table-cell!important;
		color: #000;
		top: 20%;
		width: 78%;
		right: 15%;
		left: 11%;
		text-align: center;
		vertical-align: middle;
	}
	#Topcarousel .carousel-item img {
		width: 0;
		height: 0;
	}
	.downArrow{
		display:none!important;
	}
	.layout-left-flyout.isCbFlyNavActive {
    		top: 54px!important;
    		max-width: 470px;
	}	
	.cbFlyNav-wrap .solutions-list {
		margin-left: -52px!important;
		width: 136%!important;
	}
	.cbFlyNav-wrap .solutions-list .stander {
		position: relative;
		left: 38%!important;
		width: 70%!important;
	}
	.carousel-control-next, .carousel-control-prev{
		width:15%;
	}
	.cbFlyNav-wrap .bg-nav-white{
		background:transparent;
	}
	#nf-field-25 {
		width: 100%;
	}
	.mob-dis{
		display:none!important;
	}
	.mob-dis .btn-readmore{
		display:none;
	}
	.tab-dis{
		display:block!important;
	}
	.footer-box .footer-title {
		margin-right: 10px!important;
	}
	.footer-box .footer-title:nth-child(2) {
		padding-left:0;
	}
	.footer-box .footer-title:nth-child(2) .sub-footer li {
		
		max-width: 130px;
		
	}
	.bg-nav-white{
		display: none;
	}
	.search-form-drop{
		box-shadow: none!important;
		padding: 0;
    	margin: 0;
	}
	.cus-search{
		margin-bottom: 0;
	}
	.mob-disp{
		display: block!important;
	}
	.career-job-related {
	    display: none;
	}
	.career-accordion ol li a.toggle {
	    text-align: center;
	    padding: 10px 0 0 0;
	}
	.career-accordion ol li a p {
	    margin-bottom: 10px;
		display:none;
	}
	.pagination .prev,.pagination .next{
		display: none;
	}
	h1 {
	    font-size: 1.8rem;
	}
	#Topcarousel .carousel-item{
		background-size: 222%!important;
    	background-position-x: -484px!important;
	}
	#Topcarousel .heading-white {
	    color: #fff;
	    text-shadow: 0px 0px 8px rgb(0, 0, 0);
	}
	#Topcarousel h2,#Topcarousel .h2{
		font-size:25px;
	}
	footer {
		padding-bottom: 3rem;
	}
	.col-lg-4 .leader-photo {
		right: 25%;
		left: 25%;
		position: relative;
		width: 200px;
	}
	.leadership-detail {
		text-align: center;
		background-position: bottom center;
	}
	.is-subnav-visible {
		left: 41%!important;
		width: 282px!important;
	}
	.career-accordion ol li a.toggle {
		text-align: left;
		padding: 0 0 10px 0;
	}
	.post-single-img {
		min-height: 225px;
	}
	
}
/*Small devices (landscape phones, 576px and up)
min-width: 400px
*/
/* @media only screen and (max-width: 768px) {
    

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


} */

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 500px) and (max-width: 616px){ 
	#managed-solutions-cont .same-div-height{
		min-height: auto;
	}
	.btn-search{
		padding:0;
	}
	.mobile-search .form-control-lg{
		padding: 3px;
	}
	.carousel-caption {
		display: table-cell!important;
		color: #000;
		top: 30%;
		width: 74%;
		right: 15%;
		left: 15%;
		text-align: center;
		vertical-align: middle;
	}
	.carousel-caption h2 {
		text-shadow: 0px 0px 8px rgb(255, 255, 255);
	}
	.carousel-caption h1 {
	    font-size: 28px;
	    text-shadow: 0px 0px 8px rgb(255, 255, 255);
	}
	.career-accordion ol li a.toggle {
	    text-align: center;
	    padding: 10px 0 0 0;
	}
	.career-accordion ol li a p {
	    margin-bottom: 10px;
	}
	.carousel-caption .btn {
		width: 170px!important;
		margin: auto;
	}
	.col-lg-4 .leader-photo {
		right: 25%;
		left: 30%;
		position: relative;
		width: 200px;
	}
	.downArrow{
		display:none!important;
	}
	.h2, h2{
		font-size:1.5rem;
	}
	.search-box{
		display:none!important;
	}
	.logo-img img {
		width: 40%;
	}
	.d-sm-block{
		display:none!important;
	}
	.d-sm-md-block{
		display:block!important;
	}
	.bg-nav-white{
		display:none;
	}
	.downArrow{
		display:none!important;
	}
	.search-form label {
		width: 79%;
	}
	.search-form label [type="search"] {
		width: 99%;
		height: 40px;
		padding: 5px;
	}
	.carousel-control-next, .carousel-control-prev{
		width:15%;
	}
	.cbFlyNav-wrap .bg-nav-white{
		background:transparent;
	}
	#nf-field-25 {
		width: 100%;
	}
	.mob-disp{
		display: block!important;
	}
	.pagination .prev,.pagination .next{
		display: none;
	}
	h1 {
	    font-size: 1.8rem;
	}
	#Topcarousel .carousel-item{
		background-size: 192%!important;
    	background-position-x: -542px!important;
	}
	#Topcarousel .heading-white {
	    color: #fff;
	    text-shadow: 0px 0px 8px rgb(0, 0, 0);
	}
	footer {
		padding-bottom: 3rem;
	}
	.leadership-detail {
		text-align: center;
		background-position: bottom center;
	}
}
@media (min-width: 768px) and (max-width: 816px) { 
	.btn-search{
		padding:0;
	}
	.mobile-search .form-control-lg{
		padding: 3px;
	}
	.carousel-caption {
		display: table-cell!important;
		color: #000;
		top: 50%;
		width: 74%;
		right: 15%;
		left: 15%;
		text-align: center;
		vertical-align: middle;
	}
	.carousel-caption h2 {
		text-shadow: 0px 0px 8px rgb(255, 255, 255);
	}
	.carousel-caption h1 {
	    font-size: 30px;
	    text-shadow: 0px 0px 8px rgb(255, 255, 255);
	}

	.wws-puzzle .card {
		min-height: 366px;
	}
	.career-accordion ol li a.toggle {
	    text-align: center;
	    padding: 10px 0 0 0;
	}
	.career-accordion ol li a p {
	    margin-bottom: 10px;
	}
	.carousel-caption .btn {
		width: 40%!important;
		margin: auto;
	}
	.h2, h2{
		font-size:1.2rem;
	}
	.logo-img img {
		width: 30%;
	}
	.exo-menu > li > a {
		padding: 6px 11px;
	}
	.exo-menu li:first-child{
		 margin-right: -139px!important;
	}
	#top-header .col-12{
		padding-left:0;
		padding-right:0;
	}
	.search-box {
		right: 4px;
	}
	.about-pointer {
		left: 33%;
	}
	.products-pointer {
		left: 49%;
		border-bottom: 15px solid #060606e6;
	}
	.solutions-list li:first-child {
		margin-right:0!important;
	}
	.solutions-list h4.row.mega-title span {
		display: none;
	}
	.solutions-list .stander {
		left: 157%;
		width: 95%;
	}
	.nav-insights:hover .nav-single {
		margin-left: 30px;
	}
	.nav-cont:hover .nav-single {
		margin-left: 44px;
	}
	.login-menu {
		width: 30%;
		left: 66%;
	}
	.login-pointer {
		right: 5%;
	}
	h4.row.infinity-link {
		padding-bottom: 0;
		padding-left: 0px;
	}
	.downArrow{
		display:none!important;
	}
	.search-form label {
		width: 79%;
	}
	.search-form label [type="search"] {
		width: 99%;
		height: 40px;
		padding: 5px;
	}
	/* multi carousel */
/* show 3 items */
    /* show 3 items */
    #featuredsolcarousel .carousel-inner .active,
    #featuredsolcarousel .carousel-inner .active + .carousel-item,
    #featuredsolcarousel .carousel-inner .active + .carousel-item + .carousel-item,
    #featuredsolcarousel .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item  {
        display: block;
    }
    
    #featuredsolcarousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    #featuredsolcarousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
    #featuredsolcarousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item,
    #featuredsolcarousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
        transition: none;
    }
    
    .carousel-inner .carousel-item-next,
    .carousel-inner .carousel-item-prev {
      position: relative;
      transform: translate3d(0, 0, 0);
    }
    
    #featuredsolcarousel .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -25%;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    
    /* left or forward direction */
    #featuredsolcarousel .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    #featuredsolcarousel .carousel-item-next.carousel-item-left + .carousel-item,
    #featuredsolcarousel .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
    #featuredsolcarousel .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item,
    #featuredsolcarousel .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    
    /* farthest right hidden item must be abso position for animations */
    #featuredsolcarousel .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    
    /* right or prev direction */
    #featuredsolcarousel .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    #featuredsolcarousel .carousel-item-prev.carousel-item-right + .carousel-item,
    #featuredsolcarousel .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
    #featuredsolcarousel .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item,
    #featuredsolcarousel .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
	.carousel-control-next, .carousel-control-prev{
		width:15%;
	}
	#nf-field-25 {
		width: 100%;
	}
	.bg-nav-white{
		display: none;
	}
	.search-form-drop{
		box-shadow: none!important;
		padding: 0;
    	margin: 0;
	}
	.cus-search{
		margin-bottom: 0;
	}
	.mob-disp{
		display: block!important;
	}

	#Topcarousel .carousel-item{
		background-size: 192%!important;
    	background-position-x: -672px!important;
	}
	#Topcarousel .heading-white {
	    color: #fff;
	    text-shadow: 0px 0px 8px rgb(0, 0, 0);
	}
}
@media (min-width: 817px) and (max-width: 1024px) { 
	.btn-search{
		padding:0;
	}
	.mobile-search .form-control-lg{
		padding: 3px;
	}
	.h2, h2 {
		font-size: 1.4rem;
	}
	.downArrow{
		display:none!important;
	}
	
	.exo-menu > li:first-child {
		margin-right: -80px!important;
	}
	.exo-menu-id > li:first-child {
		margin-right: -107px!important;
	}
	.logo-img img {
		width: 50%!important;
	}
	.exo-menu-id > li > a {
		padding: 6px 19px;
	}
	.solutions-list h4.row.mega-title span {
		display: none;
	}
	.solutions-list .stander {
    	left: 154%;
		width: 70%;
	}
	.exo-menu .about-pointer {
    	left: 31%;
	}
	.exo-menu .products-pointer {
		left: 46%;
		border-bottom: 15px solid #060606e6;
	}
	.exo-menu .login-pointer {
		right: 18%;
	}
	.exo-menu-id .products-pointer {
		left: 46%;
		border-bottom: 15px solid #000;
	}
	.exo-menu-id .login-pointer {
		right: 13%;
	}
	.exo-menu .insight-pointer {
		left: 61%;
	}
	.exo-menu-id .insight-pointer{
		left: 59%;
	}
	.carousel-caption h1 {
		color: #e22312;
		font-weight: 600;
		font-size: 25px;
	}
	.footer-box .footer-title {
		margin-right: 15px!important;
	}
/* 	.footer-box .footer-title:nth-child(2) {
		margin-right: -37px!important;
	} */
	.footer-box .footer-title:nth-child(2) .sub-footer li {
		max-width: 133px!important;
		min-width: 116px;
	}
	
	/* multi carousel */
/* show 3 items */
    /* show 3 items */
    #featuredsolcarousel .carousel-inner .active,
    #featuredsolcarousel .carousel-inner .active + .carousel-item,
    #featuredsolcarousel .carousel-inner .active + .carousel-item + .carousel-item,
    #featuredsolcarousel .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item  {
        display: block;
    }
    
    #featuredsolcarousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    #featuredsolcarousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
    #featuredsolcarousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item,
    #featuredsolcarousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
        transition: none;
    }
    
    .carousel-inner .carousel-item-next,
    .carousel-inner .carousel-item-prev {
      position: relative;
      transform: translate3d(0, 0, 0);
    }
    
    #featuredsolcarousel .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -25%;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    
    /* left or forward direction */
    #featuredsolcarousel .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    #featuredsolcarousel .carousel-item-next.carousel-item-left + .carousel-item,
    #featuredsolcarousel .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
    #featuredsolcarousel .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item,
    #featuredsolcarousel .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    
    /* farthest right hidden item must be abso position for animations */
    #featuredsolcarousel .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    
    /* right or prev direction */
    #featuredsolcarousel .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    #featuredsolcarousel .carousel-item-prev.carousel-item-right + .carousel-item,
    #featuredsolcarousel .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
    #featuredsolcarousel .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item,
    #featuredsolcarousel .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }

    /* */
    /* show 3 items */
    #benefitssolcarousel .carousel-inner .active,
    #benefitssolcarousel .carousel-inner .active + .carousel-item,
    #benefitssolcarousel .carousel-inner .active + .carousel-item + .carousel-item,
    #benefitssolcarousel .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item  {
        display: block;
    }
    
    #benefitssolcarousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    #benefitssolcarousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
    #benefitssolcarousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item,
    #benefitssolcarousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
        transition: none;
    }
    
    #benefitssolcarousel .carousel-inner .carousel-item-next,
    #benefitssolcarousel .carousel-inner .carousel-item-prev {
      position: relative;
      transform: translate3d(0, 0, 0);
    }
    
    #benefitssolcarousel .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -25%;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    
    /* left or forward direction */
    #benefitssolcarousel .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    #benefitssolcarousel .carousel-item-next.carousel-item-left + .carousel-item,
    #benefitssolcarousel .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
    #benefitssolcarousel .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item,
    #benefitssolcarousel .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    
    /* farthest right hidden item must be abso position for animations */
    #benefitssolcarousel .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    
    /* right or prev direction */
    #benefitssolcarousel .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    #benefitssolcarousel .carousel-item-prev.carousel-item-right + .carousel-item,
    #benefitssolcarousel .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
    #benefitssolcarousel .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item,
    #benefitssolcarousel .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
    .mob-disp{
		display: none!important;
	}
	.foot-id .footer-title:nth-child(3) {
		margin-right: 45px!important;
	}
}
@media (min-width: 617px) and (max-width: 767px){
	.btn-search{
		padding:0;
	}
	.mobile-search .form-control-lg{
		padding: 3px;
	}
	.exo-menu{
		margin-left: -100px;
	}
	.top-bar,
	.exo-menu > li:nth-child(6){
		display: none!important;
	}
	.logo-img img {
		width: 30%;
	}
	/*.exo-menu > li > a {
		padding: 6px 11px;
	}*/
	.exo-menu li:first-child{
		 margin-right: -139px!important;
	}
	.mob-disp{
		display: block!important;
	}
}
@media(min-width: 600px) and (max-width: 730px){
	.btn-search{
		padding:0;
	}
	.mobile-search .form-control-lg{
		padding: 3px;
	}
     /*.logo-img {
	    margin-left: 30px;
	}*/
	.logo-img {
	    margin-left: -70px;
	}
	.footer-rights{
		display: none!important;
	}
	.mob-disp{
		display: block!important;
	}
}
@media(min-width:768px){
	.btn-search{
		padding:0;
	}
	.mobile-search .form-control-lg{
		padding: 3px;
	}
	/* multi carousel */
/* show 3 items */
    /* show 3 items */
    #featuredsolcarousel .carousel-inner .active,
    #featuredsolcarousel .carousel-inner .active + .carousel-item,
    #featuredsolcarousel .carousel-inner .active + .carousel-item + .carousel-item,
    #featuredsolcarousel .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item  {
        display: block;
    }
    
    #featuredsolcarousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    #featuredsolcarousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
    #featuredsolcarousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item,
    #featuredsolcarousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
        transition: none;
    }
    
    #featuredsolcarousel .carousel-inner .carousel-item-next,
    #featuredsolcarousel .carousel-inner .carousel-item-prev {
      position: relative;
      transform: translate3d(0, 0, 0);
    }
    
    #featuredsolcarousel .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -25%;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    
    /* left or forward direction */
    #featuredsolcarousel .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    #featuredsolcarousel .carousel-item-next.carousel-item-left + .carousel-item,
    #featuredsolcarousel .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
    #featuredsolcarousel .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item,
    #featuredsolcarousel .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    
    /* farthest right hidden item must be abso position for animations */
    #featuredsolcarousel .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    
    /* right or prev direction */
    #featuredsolcarousel .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    #featuredsolcarousel .carousel-item-prev.carousel-item-right + .carousel-item,
    #featuredsolcarousel .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
    #featuredsolcarousel .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item,
    #featuredsolcarousel .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }

    /* */
    /* show 3 items */
    #benefitssolcarousel .carousel-inner .active,
    #benefitssolcarousel .carousel-inner .active + .carousel-item,
    #benefitssolcarousel .carousel-inner .active + .carousel-item + .carousel-item,
    #benefitssolcarousel .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item  {
        display: block;
    }
    
    #benefitssolcarousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    #benefitssolcarousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
    #benefitssolcarousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item,
    #benefitssolcarousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
        transition: none;
    }
    
    #benefitssolcarousel .carousel-inner .carousel-item-next,
    #benefitssolcarousel .carousel-inner .carousel-item-prev {
      position: relative;
      transform: translate3d(0, 0, 0);
    }
    
    #benefitssolcarousel .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -25%;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    
    /* left or forward direction */
    #benefitssolcarousel .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    #benefitssolcarousel .carousel-item-next.carousel-item-left + .carousel-item,
    #benefitssolcarousel .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
    #benefitssolcarousel .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item,
    #benefitssolcarousel .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    
    /* farthest right hidden item must be abso position for animations */
    #benefitssolcarousel .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    
    /* right or prev direction */
    #benefitssolcarousel .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    #benefitssolcarousel .carousel-item-prev.carousel-item-right + .carousel-item,
    #benefitssolcarousel .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
    #benefitssolcarousel .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item,
    #benefitssolcarousel .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
	
	.footer-box .footer-title {
		margin-right: 10px;
	}
/* 	.footer-box .footer-title:nth-child(2) {
		margin-right: -37px!important;
	} */
	.footer-box .footer-title:nth-child(2) .sub-footer li {
		
		max-width: 130px;
		
	}
	.mob-disp{
		display: block!important;
	}
	
}
@media (min-width: 769px) and (max-width: 922px){
	.btn-search{
		padding:0;
	}
	.mobile-search .form-control-lg{
		padding: 3px;
	}
	.downArrow{
		display:none!important;
	}
	.exo-menu {
	    min-height: 28px;
	    background-color: #fff;
	    width: 100%;
	}
	.exo-menu > li {
	    width: 100%;
	}
	.exo-menu > li:nth-child(2),
	.exo-menu > li:nth-child(3),
	.exo-menu > li:nth-child(4),
	.exo-menu > li:nth-child(5),
	.exo-menu > li:nth-child(6),
	.exo-menu > li:nth-child(7),
	.exo-menu > li:nth-child(8),
	.exo-menu > li:nth-child(9){
		display: none!important;
	}
	.mob-disp{
		display: none!important;
	}
}
@media (min-width: 769px) {
	.btn-search{
		padding:0;
	}
	.mobile-search .form-control-lg{
		padding: 3px;
	}
	.mob-disp{
		display: none!important;
	}
}
@media (min-width: 922px) and (max-width: 1000px){
	.btn-search{
		padding:0;
	}

	.mobile-search .form-control-lg{
		padding: 3px;
	}
	.d-md-block{
		display: none!important;
	}
	.container {
	    max-width: 922px;
	}
	#search-btn{
		display: block!important;
	}
	.exo-menu > li:first-child {
	    margin-right: -117px!important;
	}
	.top-bar {
	    display: block!important;
	}
	.carousel-caption{
		display: block!important;
	}
}
@media (min-width: 1025px) {
	.exo-menu-id > li > a {
		float: left;
		display: block;
		padding: 6px 19px;
	}
	.exo-menu-id > li:first-child {
		margin-right: 161px!important;
	}
}