/*--------- Desktops -----------*/

#stickyfooter {
	z-index: 10;
}

.dataTables_length label{
  color:#151959;
}


@media (min-width: 1200px) and (max-width: 6000px) {

.mobilecontent {

  display:none;

}


.logo-right {

  display:none;

}



#stickyfooter {
	display:none;
}


}


.container .list {
  /* margin-top:40px; */
  display:flex;
  /* justify-content:center; */
  flex-wrap:wrap;
  gap:20px;
  /* max-width:650px; */
}
.form-element {
  position:relative;
  width:100px;
  height:100px;
}
.form-element input {
  /* display:none; */
  position: absolute;
  top: 20px;
  z-index: -5;
}
.form-element label {
  width:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  height:100%;
  cursor:pointer;
  border:2px solid #ddd;
  background:#fff;
  box-shadow:0px 5px 20px 2px rgba(0,0,0,0.1);
  text-align:center;
  transition:all 200ms ease-in-out;
  border-radius:5px;
}
.form-element .icon {
  margin-top:10px;
  font-size:30px;
  color:#555;
  transition:all 200ms ease-in-out;
}
.form-element .title {
  font-size:15px;
  color:#555;
  padding:5px 0px;
  transition:all 200ms ease-in-out;
}
.form-element label:before {
  content:"✓";
  position:absolute;
  width:18px;
  height:18px;
  top:8px;
  left:8px;
  background:#151959;
  color:#fff;
  text-align:center;
  line-height:18px;
  font-size:14px;
  font-weight:600;
  border-radius:50%;
  opacity:0;
  transform:scale(0.5);
  transition:all 200ms ease-in-out;
}
.form-element input:checked + label:before {
  opacity:1;
  transform:scale(1);
}
.form-element input:checked + label .icon {
  color:#151959;
}
.form-element input:checked + label .title {
  color:#151959;
}
.form-element input:checked + label {
  border:2px solid #151959;
}


/*--------- Medium devices -----------*/

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

.single-slider {

  padding: 20px 0;
  height:400px;

}


.mobilecontent {
  
  /* margin-top:-340px; */
  
  margin-left:-35px;

}


.logo-right {

  
  margin-right:-10px;
  
  z-index:990;

}



.basic-menu li {
	
	display:none;

}



.call-to-action-area {

  display:none;

}

.portfolio-style-2 {

  display:none;

}


.portfolio-grid-4 {

  display:none;

}

/* 
.basic-footer {

  display:none;

} */


#stickyfooter {
  background: #194f8c;
  position: fixed;
  bottom: 0;
  height: 50px;
  width: 100%;
  padding: 0;
  margin: 0;
  line-height: 50px;
  text-align: center;
  align-content:center;
  color: #fff;
  border-top:thin;
  border-top-color:#FFFFFF;
}



#side-sticky-tab {
	display:block;
}



.post {

  display:none;

}



.area-title {

  display:none;

}



.bg-7 { 

height:100px;

}








}



 

/*--------- TSmall devices Tablets ------------*/

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

  padding: 20px 0;
  height:380px;
 

}

.portfolio-style-2 {

  display:none;

}


.portfolio-grid-4 {

  display:none;

}


.mobilecontent {
  
  /* margin-top:-340px; */
  margin-left:-35px;
  
}



.logo-right {
	
	margin-right:0;
	
  
  z-index:990;

}



.call-to-action-area {

  display:none;

}



.sm-100{width:100%}

.basic-menu li {
	
	display:none;

  margin-left: 30px;

}



/* mobile promos horizontal view */
.portfolio-item-promo {

  width: 100%;
	
	align-content:center;
	
	padding-right:70px;
	

}

.portfolio-grid-4 .portfolio-item {

  width: 33.33%;

}

.portfolio-mosaic .portfolio-item {

  width: 50%;

}



.about-text {

  margin-bottom: 60px;

  margin-top: 0;

}

.portfolio-view-btn {

  margin-bottom: 30px;

}



/* .basic-footer {

  display:none;

} */


#stickyfooter {
  background: #194f8c;
  position: fixed;
  bottom: 0;
  height: 50px;
  width: 100%;
  padding: 0;
  margin: 0;
  line-height: 50px;
  text-align: center;
  align-content:center;
  color: #fff;
  border-top:thin;
  border-top-color:#FFFFFF;
}



#side-sticky-tab {
	display:block;
}



.post {

  display:none;

}



.area-title {

  display:none;

}



.bg-7 { 

height:100px;

}










}



 

/*------------ Extra small devices ------------*/

@media (max-width: 767px) {
	
	.single-slider {

  padding: 20px 0;
  height:200px;

}


.portfolio-style-2 {

  display:none;

}


.portfolio-grid-4 {

  display:none;

}


.mobilecontent {
  
  /* margin-top:-340px; */
  margin-left:-35px;

}




.logo-right {

  padding-left:20px;

}


.process-item {
	
	padding-left:15px;

  width:370px;

}


.col-md-3-contact {
	
	padding-left:15px;

  width:150px;

}

.col-sm-2-contact {
	
	padding-left:15px;

  width:150px;

}





.col-md-3 {
	
	padding-left:15px;

  width:150px;

}


.col-sm-2 {
	
	padding-left:15px;

  width:150px;

}

.col-md-3-promo {
	
	padding-left:15px;

  width:150px;

}

.col-sm-2-promo {
	
	padding-left:15px;

  width:150px;

}



.call-to-action-area {

  display:none;

}




/* .basic-footer {

  display:none;

} */





.basic-menu li {
	
	display:none;

  margin-left: 0;

}

.basic-menu > li > a::before {

  display: none;

}

.slide-1{background-size:cover}

.portfolio-item {

  width: 100%;

}


/* mobile promos vertical view */
.portfolio-item-promo {

  width: 90%;
	
	align-content:center;
	
	padding-left:40px;

}



.area-title {

  width: 100%;

}

.call-to-action {

  text-align: left;

}

.hamburger {

  display: none;

}

.hamburger-menu {

  display: none;

}

.sticky .mean-container a.meanmenu-reveal {

  margin-top: -46px;

}

.copyright {

  margin-bottom: 10px;

  text-align: center;

}

.footer-menu {

  text-align: center;

}

.portfolio-grid-2 .portfolio-item {

  width: 100%;

} 

.portfolio-grid-4 .portfolio-item {

  width: 100%;

}

.portfolio-mosaic .portfolio-item {

  width: 100%;

}





.about-text {

  margin-bottom: 60px;

  margin-top: 0;

}

.counter-box {

  width: 50%;

}

.pagination > li {

  margin-bottom: 5px;

}

.comment-reply {

  margin-left: 0;

}

.portfolio-view-btn {

  margin-bottom: 30px;

}

.header-transparent .mean-container a.meanmenu-reveal {
	

  border: 1px solid #fff;

}

.header-transparent .mean-container a.meanmenu-reveal span {

  background: #fff none repeat scroll 0 0;

}

.slider-screen {

  height: 50vh;

}



/* .basic-footer {

  display:none;

} */


#stickyfooter {
  background: #194f8c;
  position: fixed;
  bottom: 0;
  height: 50px;
  width: 100%;
  padding: 0;
  margin: 0;
  line-height: 50px;
  text-align: center;
  align-content:center;
  color: #fff;
  border-top:thin;
  border-top-color:#FFFFFF;
}




#side-sticky-tab {
	display:block;
}

#side-sticky-tab .callout a {
  zoom: 0.7;
  width: 280px;
}





.post {

  display:none;

}



.area-title {

  display:none;

}



.bg-7 { 

height:100px;

}






  
.footer-logos{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}


 

}







 

/*----------- Large Mobile -------------*/

@media only screen and (min-width: 480px) and (max-width: 767px) {

  
  
.footer-logos{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
	
	.single-slider {

  padding: 20px 0;
  height:200px;

}




.logo-right {

  padding-left:20px;

}



.mobilecontent {
  
  /* margin-top:-340px; */
  margin-left:-35px;

}



.portfolio-style-2 {

  display:none;

}


.portfolio-grid-4 {

  display:none;

}

/* 
.basic-footer {

  display:none;

} */



.call-to-action-area {

  display:none;

}




.portfolio-item {

  width: 50%;

}


.portfolio-item-promo {

  width: 90%;
  
  padding-left:80px;

}


.portfolio-grid-2 .portfolio-item {

  width: 50%;

} 

.portfolio-grid-4 .portfolio-item {

  width: 50%;

}





#stickyfooter {
  background: #194f8c;
  position: fixed;
  bottom: 0;
  height: 50px;
  width: 100%;
  padding: 0;
  margin: 0;
  line-height: 50px;
  text-align: center;
  align-content:center;
  color: #fff;
  border-top:thin;
  border-top-color:#FFFFFF;
}





#side-sticky-tab {
	display:block;
}




.post {

  display:none;

}



.area-title {

  display:none;

}


.bg-7 { 

height:100px;

}





 

}