@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;1,300&family=Roboto+Condensed:ital,wght@1,300&family=Roboto+Slab:wght@300&family=Roboto:wght@300&display=swap');


.dws-menu {
	display:none;
}

.dws-menu2{
			display:none;
}
icon{
border-radius:50%;}

footer {
   font-family: ‘Barlow Semi Condensed’, sans-serif;
  background-color: white;
  border-radius: 20px;
  padding:5px;
  margin-top: 10px;
  line-height:25px;
  font-family: ‘Barlow Semi Condensed’, sans-serif;

}
.post img{
  margin-left:7.5%;
	max-width:10%;
	min-width:0%; 
}
.reg{
	width:100%;
}


main {
  padding: 10px;
  background:url(https://www.e-spincorp.com/wp-content/uploads/2018/11/Electronic-e1542941776154.jpg);
  background-size:cover;
  border-radius: 20px;
  font-family: ‘Barlow Semi Condensed’, sans-serif;
  margin-right:100px;
  width:98%;
  height:100%;
  
}
.post{
  width:100%;
  height:100%;
  background-color: white;
  margin-top:-10px;
  border-radius: 20px;
  font-family: ‘Barlow Semi Condensed’, sans-serif;


}
.post_1 got img {
	max-width:12%;
	margin-left:13%;
}
.post_1 dot img {
	max-width:28%;
	margin-left:13%;
}

.post_1 {
  font-family: ‘Barlow Semi Condensed’, sans-serif;
  background-color: white;
  border-radius: 20px;
  padding:5px;
  margin-top: 10px;
  line-height:25px;
  font-family: ‘Barlow Semi Condensed’, sans-serif;
}


.post_1 {
  font-family: ‘Barlow Semi Condensed’, sans-serif;
  background-color: white;
  border-radius: 20px;
  padding:5px;
  margin-top: 10px;
  line-height:25px;
  font-family: ‘Barlow Semi Condensed’, sans-serif;
}
h1,h2,h3,h4{font-size: calc(8px + 10*(100vw/1241));}
p,li{
  font-size: calc(6px + 10*(100vw/1241));
  font-family: ‘Barlow Semi Condensed’, sans-serif;
  }
ul{
  padding:5px;
  font-family: ‘Barlow Semi Condensed’, sans-serif;
}

.nenu{
display:block;}






.footer-columns {
  display: flex;

}

.footer-column {
  flex: 50%;
  margin: 20px;
  
  
}
a{font-family: ‘Barlow Semi Condensed’, sans-serif;}

   #menu1{
 position: relative;
 display: block;
 width: 100%;
 height: auto;
 z-index: 10;
 font-family: ‘Barlow Semi Condensed’, sans-serif;
 position:block;
margin:0 auto;

 
}

#menu1 ul{
 position: relative;
 display: block;
 margin: 0px;
 padding: 0px;
 width: 100%;
 height: auto;
 list-style: none;
 position:block;
   justify-content: center;
 
}
#menu1 > ul::after{
 display: block;
 width: 100%;
 height: 0px;
 clear: both;
 content: " ";
  border-radius: 20px;
  position:block;
  
  
}

#menu1 ul li{
 position: relative;
 display: block;
 float: left;
 width: auto;
 height: auto;
  border-radius: 20px;
  position:block;
 
}
#menu1 ul li a{
 display: block;
 padding: 0px 108px 0px 25px;
 font-size: 14px;
 line-height: 1.3em;
 text-decoration: none;
 font-weight: bold;
 text-transform: uppercase;
 height: 36px;
 box-sizing: border-box;
 color: black;
 display:flex;
 margin: auto;
  
}
f{
  font-weight:bold;
}

#menu1 ul li ul{
 position: absolute;
 top: 36px;
 left: 0;
 display: none;
 width: 100%;
 background:#5688f5;
  border-radius: 20px;
  float:left;
}

#menu1 ul li:hover ul{
 display: block;
 float:left;
}
#menu1 ul li ul li{
 float: none;
 width: 95.5%;
}
#menu1 ul li ul li a{
 display: block;
 text-transform: none;
 height: auto;
 padding: 7px 20px;
 width: 100%;
 box-sizing: border-box;
 border-top: 1px solid black;
 color: white;
}
#menu1 ul li ul li:first-child a{
 border-top: 0px;
}




@media (max-width:1443px){
	#menu1 ul li a{
 display: block;
 padding: 0px 80px 0px 25px;
 font-size: 14px;
 line-height: 1.3em;
 text-decoration: none;
 font-weight: bold;
 text-transform: uppercase;
 height: 36px;
 box-sizing: border-box;
 color: black;
 display:flex;
  
}
}
@media (max-width:1352px){
	#menu1 ul li a{
 display: block;
 padding: 0px 70px 0px 25px;
 font-size: 14px;
 line-height: 1.3em;
 text-decoration: none;
 font-weight: bold;
 text-transform: uppercase;
 height: 36px;
 box-sizing: border-box;
 color: black;
 display:flex;
  
}
}
@media (max-width:1317px){
	#menu1 ul li a{
 display: block;
 padding: 0px 65px 0px 25px;
 font-size: 14px;
 line-height: 1.3em;
 text-decoration: none;
 font-weight: bold;
 text-transform: uppercase;
 height: 36px;
 box-sizing: border-box;
 color: black;
 display:flex;
  
}
}

@media (max-width:1280px){
	#menu1 ul li a{
 display: block;
 padding: 0px 60px 0px 25px;
 font-size: 14px;
 line-height: 1.3em;
 text-decoration: none;
 font-weight: bold;
 text-transform: uppercase;
 height: 36px;
 box-sizing: border-box;
 color: black;
 display:flex;
  
}}
@media (max-width:1247px){
	#menu1 ul li a{
 display: block;
 padding: 0px 55px 0px 25px;
 font-size: 14px;
 line-height: 1.3em;
 text-decoration: none;
 font-weight: bold;
 text-transform: uppercase;
 height: 36px;
 box-sizing: border-box;
 color: black;
 display:flex;
  
}
}
@media (max-width:1212px){
	#menu1 ul li a{
 display: block;
 padding: 0px 55px 0px 25px;
 font-size: 13px;
 line-height: 1.3em;
 text-decoration: none;
 font-weight: bold;
 text-transform: uppercase;
 height: 36px;
 box-sizing: border-box;
 color: black;
 display:flex;
  
}
}
@media (max-width:1144px){
	#menu1 ul li a{
 display: block;
 padding: 0px 53px 0px 25px;
 font-size: 13px;
 line-height: 1.3em;
 text-decoration: none;
 font-weight: bold;
 text-transform: uppercase;
 height: 36px;
 box-sizing: border-box;
 color: black;
 display:flex;
  
}
}

@media (max-width:1130px){
	#menu1 ul li a{
 display: block;
 padding: 0px 52px 0px 25px;
 font-size: 12px;
 line-height: 1.3em;
 text-decoration: none;
 font-weight: bold;
 text-transform: uppercase;
 height: 36px;
 box-sizing: border-box;
 color: black;
 display:flex;
  
}
}

@media (max-width:1062px){
	#menu1 ul li a{
 display: block;
 padding: 0px 45px 0px 25px;
 font-size: 11px;
 line-height: 1.3em;
 text-decoration: none;
 font-weight: bold;
 text-transform: uppercase;
 height: 36px;
 box-sizing: border-box;
 color: black;
 display:flex;
  
}
}

@media (max-width:980px){
	#menu1 ul li a{
 display: block;
 padding: 0px 41px 0px 25px;
 font-size: 11px;
 line-height: 1.3em;
 text-decoration: none;
 font-weight: bold;
 text-transform: uppercase;
 height: 36px;
 box-sizing: border-box;
 color: black;
 display:flex;
  
}
}

@media (max-width:966px){
	#menu1 ul li a{
 display: block;
 padding: 0px 40px 0px 25px;
 font-size: 11px;
 line-height: 1.3em;
 text-decoration: none;
 font-weight: bold;
 text-transform: uppercase;
 height: 36px;
 box-sizing: border-box;
 color: black;
 display:flex;
  
}
}

@media (max-width:944px){
	#menu1 ul li a{
 display: block;
 padding: 0px 32px 0px 25px;
 font-size: 10px;
 line-height: 1.3em;
 text-decoration: none;
 font-weight: bold;
 text-transform: uppercase;
 height: 36px;
 box-sizing: border-box;
 color: black;
 display:flex;
  
}
}
@media (max-width:876px){
	#menu1 ul li a{
 display: block;
 padding: 0px 30px 0px 25px;
 font-size: 10px;
 line-height: 1.3em;
 text-decoration: none;
 font-weight: bold;
 text-transform: uppercase;
 height: 36px;
 box-sizing: border-box;
 color: black;
 display:flex;
  
}
}
@media (max-width:870px){
	#menu1 ul li a{
 display: block;
 padding: 0px 27px 0px 25px;
 font-size: 9px;
 line-height: 1.3em;
 text-decoration: none;
 font-weight: bold;
 text-transform: uppercase;
 height: 36px;
 box-sizing: border-box;
 color: black;
 display:flex;
  
}
}
@media (max-width:802px){
	#menu1 ul li a{
 display: block;
 padding: 0px 23px 0px 25px;
 font-size: 8px;
 line-height: 1.3em;
 text-decoration: none;
 font-weight: bold;  
 text-transform: uppercase;
 height: 36px;
 box-sizing: border-box;
 color: black;
 display:flex;
  
}
}


@media (max-width:786px){
	#menu1 {
	display:none;}
		.dws-menu{
			display:block;
}
.dws-menu2{
			display:;
}
.post img{
  margin-left:3.8%;
	max-width:15%;
	min-width:0%; 
}}

@media (max-width:312px){
	#menu1 {
	display:none;}
		.dws-menu{
			display:block;
}
}


.dws-menu *{
  margin-bottom: 1%;
  padding: 0;
   display:flex;
  justify-content: center;
}
.dws-menu ul.
.dws-menu ol{
 list-style:none;
}
.dws-menu > ul{
  display: flex;

}

.dws-menu > ul li a{
  display: block;
  background-color: #5688f5;
  padding: 15px 30px 15px 40px;
  font-size: calc(7px + 10*(100vw/1241));
  color:white;
  text-decoration: none;
  text-transform: uppercase;
  border-top-left-radius:10px;
  border-top-right-radius:10px;
  border-bottom-left-radius:10px;  
  border-bottom-right-radius:10px;
  
  
}
.dws-menu > ul li{
  position: relative;
}
li{
  list-style-type: none;
   font-family: ‘Barlow Semi Condensed’, sans-serif;
}

.dws-menu > ul li > a i.fa{
  position: absolute;
  top: 15px;
  left:12px;
  font-size:  calc(8px + 10*(100vw/1241));
  
}

.dws-menu li a:hover{
  background-color: #1c43b8;
  color:#8189a3;
}

.dws-menu  li ul{
  position: absolute;
  min-width: 150px;
  display: none;
  
  
}

.dws-menu li > ul li ul{
  position: absolute;
  float:right;
  left:100%;
  top: 0;
}


.dws-menu li:hover > ul{
  display: block;
}




.dws-menu2 *{
  margin-bottom: 1%;
  margin-left:5%;
  padding: 0;
   justify-content: center;
   display:flex;
  
}
.dws-menu2 ul.
.dws-menu2 ol{
 list-style:none;
}
.dws-menu2 > ul{
  display: flex;

}

.dws-menu2 > ul li a{
  display: block;
  background-color: #5688f5;;
  padding: 15px 30px 15px 40px;
  font-size: calc(7px + 10*(100vw/1241));
  color:white;
  text-decoration: none;
  text-transform: uppercase;
  border-radius:3%;
}
.dws-menu2 > ul li{
  position: relative;
}
li{
  list-style-type: none;
   font-family: ‘Barlow Semi Condensed’, sans-serif;
}

.dws-menu2 > ul li > a i.fa{
  position: absolute;
  top: 15px;
  left:12px;
  font-size:  calc(8px + 10*(100vw/1241));
  
}

.dws-menu2 li a:hover{
  background-color: #1c43b8;
  color:#8189a3;
}

.dws-menu2  li ul{
  position: absolute;
  min-width: 150px;
  display: none;
  
  
}

.dws-menu2 li > ul li ul{
  position: absolute;
  float:right;
  left:100%;
  top: 0;
}


.dws-menu2 li:hover > ul{
  display: block;
}

@media (max-width:500px){
.dws-menu *{
  margin-bottom: 1%;
  padding: 0;
   display:flex;
  justify-content:  start;
}


}

@media (max-width:775px){

h1,h2,h3,h4{font-size: calc(10px + 10*(100vw/1241));}
p,li{
  font-size: calc(8px + 10*(100vw/1241));
  font-family: ‘Barlow Semi Condensed’, sans-serif;
  }

}


@media (max-width:335px){
h1,h2,h3,h4{font-size: calc(3px + 10*(100vw/1241));}
p,li{
  font-size: calc(8px + 10*(100vw/1241));
  font-family: ‘Barlow Semi Condensed’, sans-serif;
  }

}