*{
	margin:0;
	box-sizing:border-box;
	font-family:Arial, Helvetica, sans-serif;
}
 
nav{
	display:flex;
	justify-content:space-between;
	padding:0px 20px; 
	background-color:#F4F4F4;
/*	color:#FFF;	*/

  position: fixed;
  top: 0;
  width: 100%;

}

#nav-menu ul{
	display:flex;	
	padding:25px 0px;
}

#nav-menu ul li{
	list-style:none;	
}

#nav-menu ul li a{
	text-decoration:none;
	padding:10px 20px;
	font-size:20px;
	/* color:#990000; */
}


#tg-btn{
	display:none;
	color:black;
}

#login{
	padding:10px 20px;margin-top:-5px;width:250px;
	}
#cart{
	
	margin-top:5px;
	padding:5px 10px;		
	}






#mobile_com_nm1
{
	display:none;
}

#mobile_com_nm2
{
	display:none;
}
.wrapper{
	width:90%;
	margin:0 auto;
	margin-top: 20px;
  	display: grid;
	font-size:20px;

/*	display:grid; /* This line is must for effect lower line */
/*	grid-template-rows:300px 100px; /* Set Row Height, Also Responsive */
/*	grid-template-columns:100px 200px 300px; /* Set Column Width, also not responsive */
/*	grid-template-columns:repeat(3, 200px); /* Set Column Width, also not responsive */
	
	grid-template-columns:repeat(auto-fit, minmax(250px, 1fr)); /* Set Column Width, also responsive */

/*	grid-template-columns:repeat(3, 200px); /* Set Column Width, also not responsive */
/*	grid-template-columns:1fr 1fr 1fr; /* Set Column Width, also responsive */

/*	grid-column-gap:20px;
	grid-row-gap:20px; 	*/
	grid-gap:20px;
/*	grid-template-rows:50px 200px;	/* For Set Only 1 Upper Row Height */
	grid-auto-rows:125px;
    margin-top: 20px;
}

/*
.item:nth-child(even){
	background:#236fc8; 
}
*/

.my_wrapper{
	width:90%;
	margin:0 auto;
	display: grid;
	grid-template-columns:repeat(auto-fit, minmax(250px, 1fr)); 
	
	/* Set Column Width, also responsive */
	grid-gap:20px;
	grid-auto-rows:400px;
}


.item5{
/*	background: #58d5f6;	*/
	background:#D8D8D8;
	padding:20px 20px;

  justify-content: center;
  align-items: center;
  border-radius:10px;
  font-size:20px;
	text-align: justify;
	
}
.item{
/*	background: #58d5f6;	*/
	background:#D8D8D8;
	color:#FFF;
	padding:5px;

  display: flex; 
  justify-content: center;
  align-items: center;
  border-radius:10px;

}
.item_hide
{
	display: none;
}

.mySlides
{
	border-radius:10px;
	background:#D8D8D8;
}
.blank_div1
{
    display:none;
}
.blank_div2
{
    display:none;
}


@media(min-width:1330px){  
	#login
	{
		display: block;
	}

	#mobile_com_nm1
	{
		display:none;
	
	}
	#mobile_com_nm2
	{
		display:none;
	}

	#main_block{
        display:none;
	}
    .inline-block-container1{
        display:none;
    }
    .inline-block-container2{
        display:none;
    }
	.mySlides1
	{
        display:none;
	}



	#main_block_2{
        display:none;
	}
    .inline-block-container1_2{
        display:none;
    }
    .inline-block-container2_2{
        display:none;
    }
	.mySlides1_2
	{
        display:none;
	}
   #material_main_block
    {
        width:90%;
        margin: auto;		
        text-align:center;
    }
    .inline-block-container1m
	{
        display:inline-block;
        text-align:center;
        width:49.75%;
        margin:auto;
		    vertical-align: top;
    }
	.inline-block-container1m>.box_m1{
        display:inline-block;
        height:200px;
		    margin-right: auto;
	      margin-bottom: 25px;
        max-width: 98%;
		    background-color:#D8D8D8;
		    color:#FFF;
		    padding:10px;
    		display: flex; 
		    justify-content: center;
		    align-items: center;
		    border-radius:10px; 
		    font-size:20px;
		}
		.inline-block-container1m>.box_m1>.img_m{
			width: 40%;
			height:100%;
		}
		.inline-block-container1m>.box_m1>.m_disc{
			width: 59%;
			height:100%;
			margin-left: auto;
			text-align: left;
		}
	

	
    .inline-block-container2m
	{
        display:inline-block;
        text-align:center;
        width:49.75%;
        margin:auto;
	    vertical-align: top;
    }
	.inline-block-container2m>.box_m2{
		  display:inline-block;
	      height:200px;
		  margin-left: auto;
	      margin-bottom: 25px;
      max-width: 98%;
      background-color:#D8D8D8;
      color:#FFF;
		  padding:10px;
			display: flex; 
			justify-content: center;
			align-items: center;
			border-radius:10px; 
			font-size:20px;
	}
	.inline-block-container2m>.box_m2>.img_m{
		width: 40%;
		height:100%;
	}
	.inline-block-container2m>.box_m2>.m_disc{
		width: 59%;
		height:100%;
		margin-left: auto;
		text-align: left;
	}



   #material_main_block_o
    {
        width:90%;
        margin: auto;		
        text-align:center;
    }

    .inline-block-container1o
	{
        display:inline-block;
        text-align:center;
        width:49%;
        margin:auto;
	 	vertical-align: top;
    }
	.inline-block-container1o>.box_o1{
        display:inline-block;
        height:500px;
		width: 100%;
		margin-right: auto;
	    margin-bottom: 25px;
		    background-color:#D8D8D8;
		    color:#FFF;
		    padding:10px;
		    justify-content: center;
		    align-items: center;
		    border-radius:10px; 
		    font-size:20px;
		}
		.inline-block-container1o>.box_o1>.img_o{
			height:70%;
		}
		.inline-block-container1o>.box_o1>.o_disc{
			height:30%;
			margin-left: auto;
			margin-top: 10px;
			text-align:justify;
		}
	
	
    .inline-block-container2o
	{
       display:inline-block;
        text-align:center;
        width:49%;
        margin:auto;
		vertical-align: top;
    }
	.inline-block-container2o>.box_o2{
        display:inline-block;
        height:500px;
  		  width: 100%;
		    margin-right: auto;
	      margin-bottom: 25px;
       
		    background-color:#D8D8D8;
		    color:#FFF;
		    padding:10px;
		    justify-content: center;
		    align-items: center;
		    border-radius:10px; 
		    font-size:20px;
	}
	.inline-block-container2o>.box_o2>.img_o{
			height:70%;
	}
	.inline-block-container2o>.box_o2>.o_disc{
			height:30%;
			margin-left: auto;
			margin-top: 10px;
			text-align:justify;
	}







    .inline-block-container1op
	{
        display:inline-block;
        text-align:center;
        width:49%;
        margin:auto;
	 	vertical-align: top;
    }
	.inline-block-container1op>.box_op1{
        display:inline-block;
        height:100%;
		width: 100%;
		margin-right: auto;
	    margin-bottom: 25px;
		background-color:#D8D8D8;
		color:#FFF;
		padding:10px;
		justify-content: center;
		align-items: center;
		border-radius:10px; 
		font-size:20px;
	}
	
	
    .inline-block-container2op
	{
    	display:inline-block;
        text-align:center;
        width:49%;
        margin:auto;
		vertical-align: top;
    }
	.inline-block-container2op>.box_op2{
        display:inline-block;
        height:100%;
  		width: 100%;
		margin-right: auto;
	    margin-bottom: 25px;
        background-color:#D8D8D8;
		color:#FFF;
		padding:10px;
		justify-content: center;
		align-items: center;
		border-radius:10px; 
		font-size:20px;
	}



    .inline-block-container1os
	{
        display:inline-block;
        text-align:center;
        width:49.75%;
        margin:auto;
		    vertical-align: top;
    }
	.inline-block-container1os>.box_os1{
        display:inline-block;
        height:225px;
		    margin-right: auto;
	      margin-bottom: 25px;
        max-width: 98%;
		    background-color:#D8D8D8;
		    color:#FFF;
		    padding:10px;
    		display: flex; 
		    justify-content: center;
		    align-items: center;
		    border-radius:10px; 
		    font-size:20px;
		}
		.inline-block-container1os>.box_os1>.img_os{
			width: 60%;
			height:100%;
		}
		.inline-block-container1os>.box_os1>.os_disc{
			width: 40%;
			margin-left: auto;
			text-align: left;
			vertical-align: middle;
		}
	

	
    .inline-block-container2os
	{
        display:inline-block;
        text-align:center;
        width:49.75%;
        margin:auto;
	    vertical-align: top;
    }
	.inline-block-container2os>.box_os2{
		  display:inline-block;
	      height:225px;
		  margin-left: auto;
	      margin-bottom: 25px;
      max-width: 98%;
      background-color:#D8D8D8;
      color:#FFF;
		  padding:10px;
			display: flex; 
			justify-content: center;
			align-items: center;
			border-radius:10px; 
			font-size:20px;
	}
	.inline-block-container2os>.box_os2>.img_os{
		width: 60%;
		height: 100%;
	}
	.inline-block-container2os>.box_os2>.os_disc{
		width: 40%;
		margin-left: auto;
		text-align: left;
		vertical-align: middle;
	}





    .inline-block-container1con
	{
        display:inline-block;
        text-align:center;
        width:49.75%;
        margin:auto;
		    vertical-align: top;
    }
	.inline-block-container1con>.box_con1{
        display:inline-block;
        height:450px;
        width: 100%;
	 	margin-right: auto;
	    margin-bottom: 25px;
        max-width: 98%;
	    background-color:#D8D8D8;
	    color:#FFF;
	    padding:10px;
		/*display: flex; 
	    justify-content: center;
	    /*align-items: center;*/
	    border-radius:10px; 
	    font-size:20px;
		}
		.inline-block-container1con>.box_con1>.header1con{
			display: flex;
			text-align: justify;
		}
		.inline-block-container1con>.box_con1>.header1con>.img_con{
			width: 30%;
		}
		.inline-block-container1con>.box_con1>.header1con>.con_disc{
			width: 70%;
			margin-left: 1%;
		}
	

	
    .inline-block-container2con
	{
        display:inline-block;
        text-align:center;
        width:49.75%;
        margin:auto;
	    vertical-align: top;
    }
	.inline-block-container2con>.box_con2{
       display:inline-block;
        height:450px;
        width: 100%;
	 	margin-right: auto;
	    margin-bottom: 25px;
        max-width: 98%;
	    background-color:#D8D8D8;
	    color:#FFF;
	    padding:10px;
		/*display: flex; 
	    justify-content: center;
	    /*align-items: center;*/
	    border-radius:10px; 
	    font-size:20px;
	}
		.inline-block-container2con>.box_con2>.header2con{
			display: flex;
			text-align: justify;
		}
		.inline-block-container2con>.box_con2>.header2con>.img_con{
			width: 30%;
		}
		.inline-block-container2con>.box_con2>.header2con>.con_disc{
			width: 75%;
			margin-left: 1%;
		}

 
}


@media(min-width:867px) and (max-width:1329px)  {  
	#tg-btn{
		display:block;
		padding:25px 0px;
	}
	#nav-menu ul{
		position:absolute;
		background-color:#CCC;
		top:84px;
		left:-2000px;
		display:block;
		width:100%;
		height:calc(100vh - 76.2px);
		text-align: center;	
		padding:0;
		transition:0.5s;
	}
	#nav-menu ul li{
		padding:10px;
		border:1px solid #000; 	
		border-bottom:1px solid black;
	}
	#login
	{
		display:block;
	}

    #main_block
    {
        width:90%;
        margin:auto;
        text-align:center;
    }

    .inline-block-container1{
        display:inline-block;
       
        text-align:center;
        width:39%;
        margin:auto;
			 vertical-align: top;
    }

    .inline-block-container2{
        display:inline-block;
       
        text-align:center;
        width:54%;
        margin-left: 20px;
		vertical-align: top;
    }

	.inline-block-container1>.box{
        display:inline-block;
        height:125px;
	    margin-bottom: 25px;

		background:#D8D8D8;
		color:#FFF;
		padding:10px;

		display: flex; 
		justify-content: center;
		align-items: center;
		border-radius:10px; 
		font-size:20px;

	}


	.inline-block-container2>.box1{
        display:inline-block;
        border-color:blue;
        margin-bottom: 20px;
		display: flex; 
		justify-content: center;
		align-items: center;
		border-radius:10px;
    }	

	.inline-block-container2>.box2{
       	border-radius: 10px;
		text-align: justify; 
		background:#D8D8D8;
		color:#FFF;
		padding:10px; 
		justify-content: center;
		align-items: center;
		border-radius:10px;        
	}	

    #main_block2{
        border:solid red;
        width:90%;
        margin:auto;
        text-align:center;
    }
	#mobile_com_nm1
	{
		display:none;
	
	}
	#mobile_com_nm2
	{
		display:none;
	}
	.mySlides1
	{
		width: 100%;
		height: 275px;			// here
	}
	
	.item5
	{
	    height: 0px;
    
	}
	.blank_div1
	{
	    display:none;
	}
	.blank_div2
	{
	    display:none;
	}
	.wrapper{
        display:none;
	}
	.my_wrapper{
        display:none;
	}
	.item{
	    height:0px;
	}

	#main_block_2{
        display:none;
	}
    .inline-block-container1_2{
        display:none;
    }
    .inline-block-container2_2{
        display:none;
    }
	.mySlides1_2
	{
        display:none;
	}

	.mySlides
	{
        display:none;
	}


   #material_main_block
    {
        width:90%;
        margin: auto;		
        text-align:center;
    }
    .inline-block-container1m
	{
        display:inline-block;
        text-align:center;
        width:49%;
        margin:auto;
		    vertical-align: top;
    }
	.inline-block-container1m>.box_m1{
        display:inline-block;
        height:200px;
		    margin-right: auto;
	      margin-bottom: 25px;
        max-width: 98%;
		    background-color:#D8D8D8;
		    color:#FFF;
		    padding:10px;
    		display: flex; 
		    justify-content: center;
		    align-items: center;
		    border-radius:10px; 
		    font-size:20px;
		}
		.inline-block-container1m>.box_m1>.img_m{
			width: 40%;
			height:100%;
		}
		.inline-block-container1m>.box_m1>.m_disc{
			width: 59%;
			height:100%;
			margin-left: auto;
			text-align: left;
		}
	
	
    .inline-block-container2m
	{
        display:inline-block;
        text-align:center;
        width:49%;
        margin:auto;
		vertical-align: top;
    }
	.inline-block-container2m>.box_m2{
		  display:inline-block;
      height:200px;
		  margin-left: auto;
	    margin-bottom: 25px;
      max-width: 98%;
      background-color:#D8D8D8;
      color:#FFF;
		  padding:10px;
			display: flex; 
			justify-content: center;
			align-items: center;
			border-radius:10px; 
			font-size:20px;
	}
	.inline-block-container2m>.box_m2>.img_m{
		width: 40%;
		height:100%;
	}
	.inline-block-container2m>.box_m2>.m_disc{
		width: 59%;
		height:100%;
		margin-left: auto;
		text-align: left;
	}




  #material_main_block_o
    {
        width:90%;
        margin: auto;		
        text-align:center;
    }

    .inline-block-container1o
	{
        display:inline-block;
        text-align:center;
        width:49%;
        margin:auto;
	 	vertical-align: top;
    }
	.inline-block-container1o>.box_o1{
        display:inline-block;
        height:500px;
		width: 100%;
		margin-right: auto;
	    margin-bottom: 25px;
		    background-color:#D8D8D8;
		    color:#FFF;
		    padding:10px;
		    justify-content: center;
		    align-items: center;
		    border-radius:10px; 
		    font-size:20px;
		}
		.inline-block-container1o>.box_o1>.img_o{
			height:50%;
		}
		.inline-block-container1o>.box_o1>.o_disc{
			height:50%;
			margin-left: auto;
			margin-top: 10px;
			text-align:justify;
		}
	
	
    .inline-block-container2o
	{
       display:inline-block;
        text-align:center;
        width:49%;
        margin:auto;
		vertical-align: top;
    }
	.inline-block-container2o>.box_o2{
        display:inline-block;
        height:500px;
  		  width: 100%;
		    margin-right: auto;
	      margin-bottom: 25px;
       
		    background-color:#D8D8D8;
		    color:#FFF;
		    padding:10px;
		    justify-content: center;
		    align-items: center;
		    border-radius:10px; 
		    font-size:20px;
	}
	.inline-block-container2o>.box_o2>.img_o{
			height:50%;
	}
	.inline-block-container2o>.box_o2>.o_disc{
			height:50%;
			margin-left: auto;
			margin-top: 10px;
			text-align:justify;
	}




    .inline-block-container1op
	{
        display:inline-block;
        text-align:center;
        width:49%;
        margin:auto;
	 	vertical-align: top;
    }
	.inline-block-container1op>.box_op1{
        display:inline-block;
        height:100%;
		width: 100%;
		margin-right: auto;
	    margin-bottom: 25px;
		background-color:#D8D8D8;
		color:#FFF;
		padding:10px;
		justify-content: center;
		align-items: center;
		border-radius:10px; 
		font-size:20px;
	}
	
	
    .inline-block-container2op
	{
    	display:inline-block;
        text-align:center;
        width:49%;
        margin:auto;
		vertical-align: top;
    }
	.inline-block-container2op>.box_op2{
        display:inline-block;
        height:100%;
  		width: 100%;
		margin-right: auto;
	    margin-bottom: 25px;
        background-color:#D8D8D8;
		color:#FFF;
		padding:10px;
		justify-content: center;
		align-items: center;
		border-radius:10px; 
		font-size:20px;
	}


    .inline-block-container1os
	{
        display:inline-block;
        text-align:center;
        width:49%;
        margin:auto;
		    vertical-align: top;
    }
	.inline-block-container1os>.box_os1{
        display:inline-block;
        height:225px;
		    margin-right: auto;
	      margin-bottom: 25px;
        max-width: 98%;
		    background-color:#D8D8D8;
		    color:#FFF;
		    padding:10px;
    		display: flex; 
		    justify-content: center;
		    align-items: center;
		    border-radius:10px; 
		    font-size:20px;
		}
		.inline-block-container1os>.box_os1>.img_os{
			width: 60%;
			height:100%;
		}
		.inline-block-container1os>.box_os1>.os_disc{
			width: 40%;
			margin-left: auto;
			text-align: left;
			vertical-align: middle;
		}
	

	
    .inline-block-container2os
	{
        display:inline-block;
        text-align:center;
        width:49%;
        margin:auto;
	    vertical-align: top;
    }
	.inline-block-container2os>.box_os2{
		  display:inline-block;
	      height:225px;
		  margin-left: auto;
	      margin-bottom: 25px;
      max-width: 98%;
      background-color:#D8D8D8;
      color:#FFF;
		  padding:10px;
			display: flex; 
			justify-content: center;
			align-items: center;
			border-radius:10px; 
			font-size:20px;
	}
	.inline-block-container2os>.box_os2>.img_os{
		width: 60%;
		height: 100%;
	}
	.inline-block-container2os>.box_os2>.os_disc{
		width: 40%;
		margin-left: auto;
		text-align: left;
		vertical-align: middle;
	}

}


/* Extra */
@media(min-width:1014px) and (max-width:1329px)  {  
    .inline-block-container1con
	{
        display:inline-block;
        text-align:center;
        width:49.75%;
        margin:auto;
		    vertical-align: top;
    }
	.inline-block-container1con>.box_con1{
        display:inline-block;
        height:450px;
        width: 100%;
	 	margin-right: auto;
	    margin-bottom: 25px;
        max-width: 98%;
	    background-color:#D8D8D8;
	    color:#FFF;
	    padding:10px;
		/*display: flex; 
	    justify-content: center;
	    /*align-items: center;*/
	    border-radius:10px; 
	    font-size:20px;
		}
		.inline-block-container1con>.box_con1>.header1con{
			display: flex;
			text-align: justify;
		}
		.inline-block-container1con>.box_con1>.header1con>.img_con{
			width: 30%;
		}
		.inline-block-container1con>.box_con1>.header1con>.con_disc{
			width: 75%;
			margin-left: 1%;
		}
	

	
    .inline-block-container2con
	{
        display:inline-block;
        text-align:center;
        width:49.75%;
        margin:auto;
	    vertical-align: top;
    }
	.inline-block-container2con>.box_con2{
       display:inline-block;
        height:450px;
        width: 100%;
	 	margin-right: auto;
	    margin-bottom: 25px;
        max-width: 98%;
	    background-color:#D8D8D8;
	    color:#FFF;
	    padding:10px;
		/*display: flex; 
	    justify-content: center;
	    /*align-items: center;*/
	    border-radius:10px; 
	    font-size:20px;
	}
		.inline-block-container2con>.box_con2>.header2con{
			display: flex;
			text-align: justify;
		}
		.inline-block-container2con>.box_con2>.header2con>.img_con{
			width: 30%;
		}
		.inline-block-container2con>.box_con2>.header2con>.con_disc{
			width: 75%;
			margin-left: 1%;
		}

}

/* Extra */
@media(min-width:867px) and (max-width:1013px)  { 
    .inline-block-container1con
	{
        display:inline-block;
        text-align:center;
        width:100%;
        margin:auto;
		    vertical-align: top;
    }
	.inline-block-container1con>.box_con1{
        display:inline-block;
  
        width: 100%;
	 	margin-right: auto;
	    margin-bottom: 25px;
        max-width: 98%;
	    background-color:#D8D8D8;
	    color:#FFF;
	    padding:10px;
		/*display: flex; 
	    justify-content: center;
	    /*align-items: center;*/
	    border-radius:10px; 
	    font-size:20px;
		}
		.inline-block-container1con>.box_con1>.header1con{
			display: flex;
			text-align: justify;
		}
		.inline-block-container1con>.box_con1>.header1con>.img_con{
			width: 30%;
		}
		.inline-block-container1con>.box_con1>.header1con>.con_disc{
			width: 75%;
			margin-left: 1%;
		}
	

	
    .inline-block-container2con
	{
        display:inline-block;
        text-align:center;
        width:100%;
        margin:auto;
	    vertical-align: top;
    }
	.inline-block-container2con>.box_con2{
       display:inline-block;

        width: 100%;
	 	margin-right: auto;
	    margin-bottom: 25px;
        max-width: 98%;
	    background-color:#D8D8D8;
	    color:#FFF;
	    padding:10px;
		/*display: flex; 
	    justify-content: center;
	    /*align-items: center;*/
	    border-radius:10px; 
	    font-size:20px;
	}
		.inline-block-container2con>.box_con2>.header2con{
			display: flex;
			text-align: justify;
		}
		.inline-block-container2con>.box_con2>.header2con>.img_con{
			width: 30%;
		}
		.inline-block-container2con>.box_con2>.header2con>.con_disc{
			width: 75%;
			margin-left: 1%;
		}

}

@media(min-width:541px) and (max-width:866px)  { 
	#tg-btn{
		display:block;
		padding:25px 0px;
	}
	#nav-menu ul{
		position:absolute;
		background-color:#CCC;
		top:84px;
		left:-2000px;
		display:block;
		width:100%;
		height:calc(100vh - 76.2px);
		text-align: center;	
		padding:0;
		transition:0.5s;
	}
	#nav-menu ul li{
		padding:10px;
		border:1px solid #000; 	
		border-bottom:1px solid black;
	}
	#login
	{
	    margin-left:-80px;
		display: block;
	}

	#mobile_com_nm1
	{
		display:none;
	
	}
	#mobile_com_nm2
	{
		display:none;
	}

    #main_block_2{
        width:90%;
        margin:auto;
        text-align:center;
    }
    .inline-block-container1_2{
        display:inline-block;
       	text-align:center;
        width:49%;
		vertical-align: top;
    }
    .inline-block-container2_2{
        display:inline-block;
       
        text-align:center;
        width:49%;
       
		vertical-align: top;
    }

	.inline-block-container1_2>.box1_2{
        display:block;
        margin-bottom: 20px;
	   	display: flex; 
		justify-content: center;
		align-items: center;
		border-radius:10px;    

    }	

	.inline-block-container1_2>.box_2{
        display:inline-block;
        height:125px;
	    margin-bottom: 25px;

		background:#D8D8D8;
		color:#FFF;
		padding:10px;

		display: flex; 
		justify-content: center;
		align-items: center;
		border-radius:10px; 
		font-size:20px;

	}


	.inline-block-container2_2>.box2_2{
       
		    border-radius: 10px;
		text-align: justify; 
		background:#D8D8D8;
		color:#FFF;
		padding:10px; 
		justify-content: center;
		align-items: center;
		border-radius:10px;        
	}	

    #main_block2_2{
        border:solid red;
        width:90%;
        margin:auto;
        text-align:center;
    }

	.mySlides1_2	
	{
		width: 100%;
		height: 220px;	/// Here
	}
	
	.item5
	{
	    height: 0px;
    
	}
	.blank_div1
	{
	    display:none;
	}
	.blank_div2
	{
	    display:none;
	}
	.wrapper{
        display:none;
	}
	.my_wrapper{
        display:none;
	}
	.item{
	    height:0px;
	}

	.mySlides
	{
        display:none;
	}


	#main_block{
        display:none;
	}
    .inline-block-container1{
        display:none;
    }
    .inline-block-container2{
        display:none;
    }
	.mySlides1
	{
        display:none;
	}

   #material_main_block
    {
        width:90%;
        margin: auto;		
        text-align:center;
    }
    .inline-block-container1m
	{
        display:inline-block;
        text-align:center;
        width:49%;
        margin:auto;
	    vertical-align: top;
    }
	.inline-block-container1m>.box_m1{
        display:inline-block;
        height:350px;
		  width: 100%;
		    margin-right: auto;
	      margin-bottom: 25px;
		    background-color:#D8D8D8;
		    color:#FFF;
		    padding:10px;
		    justify-content: center;
		    align-items: center;
		    border-radius:10px; 
		    font-size:20px;
		}
		.inline-block-container1m>.box_m1>.img_m{
			height:45%;
		}
		.inline-block-container1m>.box_m1>.m_disc{
			height:100%;
			margin-left: auto;
			text-align: left;
		}
	
	
    .inline-block-container2m
	{
       display:inline-block;
        text-align:center;
        width:49%;
        margin:auto;
		vertical-align: top;
    }
	.inline-block-container2m>.box_m2{
        display:inline-block;
        height:350px;
  		  width: 100%;
		    margin-right: auto;
	      margin-bottom: 25px;
       
		    background-color:#D8D8D8;
		    color:#FFF;
		    padding:10px;
		    justify-content: center;
		    align-items: center;
		    border-radius:10px; 
		    font-size:20px;
	}
	.inline-block-container2m>.box_m2>.img_m{
			height:45%;
	}
	.inline-block-container2m>.box_m2>.m_disc{
			height:100%;
			margin-left: auto;
			text-align: left;
	}


  #material_main_block_o
    {
        width:90%;
        margin: auto;		
        text-align:center;
    }

    .inline-block-container1o
	{
        display:inline-block;
        text-align:center;
        width:98%;
        margin:auto;
	 	vertical-align: top;
    }
	.inline-block-container1o>.box_o1{
        display:inline-block;
        height:500px;
		width: 100%;
		margin-right: auto;
	    margin-bottom: 25px;
		    background-color:#D8D8D8;
		    color:#FFF;
		    padding:10px;
		    justify-content: center;
		    align-items: center;
		    border-radius:10px; 
		    font-size:20px;
		}
		.inline-block-container1o>.box_o1>.img_o{
			height:60%;
		}
		.inline-block-container1o>.box_o1>.o_disc{
			height:40%;
			margin-left: auto;
			margin-top: 10px;
			text-align:justify;
		}
	
	
    .inline-block-container2o
	{
       display:inline-block;
        text-align:center;
        width:98%;
        margin:auto;
		vertical-align: top;
    }
	.inline-block-container2o>.box_o2{
        display:inline-block;
        height:500px;
  		  width: 100%;
		    margin-right: auto;
	      margin-bottom: 25px;
       
		    background-color:#D8D8D8;
		    color:#FFF;
		    padding:10px;
		    justify-content: center;
		    align-items: center;
		    border-radius:10px; 
		    font-size:20px;
	}
	.inline-block-container2o>.box_o2>.img_o{
			height:60%;
	}
	.inline-block-container2o>.box_o2>.o_disc{
			height:40%;
			margin-left: auto;
			margin-top: 10px;
			text-align:justify;
	}


    .inline-block-container1op
	{
        display:inline-block;
        text-align:center;
        width:49%;
        margin:auto;
	 	vertical-align: top;
    }
	.inline-block-container1op>.box_op1{
        display:inline-block;
        height:100%;
		width: 100%;
		margin-right: auto;
	    margin-bottom: 25px;
		background-color:#D8D8D8;
		color:#FFF;
		padding:10px;
		justify-content: center;
		align-items: center;
		border-radius:10px; 
		font-size:20px;
	}
	
	
    .inline-block-container2op
	{
    	display:inline-block;
        text-align:center;
        width:49%;
        margin:auto;
		vertical-align: top;
    }
	.inline-block-container2op>.box_op2{
        display:inline-block;
        height:100%;
  		width: 100%;
		margin-right: auto;
	    margin-bottom: 25px;
        background-color:#D8D8D8;
		color:#FFF;
		padding:10px;
		justify-content: center;
		align-items: center;
		border-radius:10px; 
		font-size:20px;
	}




    .inline-block-container1os
	{
        display:inline-block;
        text-align:center;
        width:49%;
        margin:auto;
	    vertical-align: top;
    }
	.inline-block-container1os>.box_os1{
        display:inline-block;
        height:250px;
		  width: 100%;
		    margin-right: auto;
	      margin-bottom: 25px;
		    background-color:#D8D8D8;
		    color:#FFF;
		    padding:10px;
		    justify-content: center;
		    align-items: center;
		    border-radius:10px; 
		    font-size:20px;
		}
		.inline-block-container1os>.box_os1>.img_os{
			height:80%;
		}
		.inline-block-container1os>.box_os1>.os_disc{
			height:20%;
			margin-left: auto;
			text-align: left;
		}
	
	
    .inline-block-container2os
	{
       display:inline-block;
        text-align:center;
        width:49%;
        margin:auto;
		vertical-align: top;
    }
	.inline-block-container2os>.box_os2{
        display:inline-block;
        height:250px;
  		  width: 100%;
		    margin-right: auto;
	      margin-bottom: 25px;
       
		    background-color:#D8D8D8;
		    color:#FFF;
		    padding:10px;
		    justify-content: center;
		    align-items: center;
		    border-radius:10px; 
		    font-size:20px;
	}
	.inline-block-container2os>.box_os2>.img_os{
			height:80%;
	}
	.inline-block-container2os>.box_os2>.os_disc{
			height:20%;
			margin-left: auto;
			text-align: left;
	}


    .inline-block-container1con
	{
        display:inline-block;
        text-align:center;
        width:100%;
        margin:auto;
		    vertical-align: top;
    }
	.inline-block-container1con>.box_con1{
        display:inline-block;
        width: 100%;
	 	margin-right: auto;
	    margin-bottom: 25px;
        max-width: 98%;
	    background-color:#D8D8D8;
	    color:#FFF;
	    padding:10px;
		/*display: flex; 
	    justify-content: center;
	    /*align-items: center;*/
	    border-radius:10px; 
	    font-size:20px;
		}
		.inline-block-container1con>.box_con1>.header1con{
			display: flex;
			text-align: justify;
		}
		.inline-block-container1con>.box_con1>.header1con>.img_con{
			width: 30%;
		}
		.inline-block-container1con>.box_con1>.header1con>.con_disc{
			width: 75%;
			margin-left: 1%;
		}
	

	
    .inline-block-container2con
	{
        display:inline-block;
        text-align:center;
        width:100%;
        margin:auto;
	    vertical-align: top;
    }
	.inline-block-container2con>.box_con2{
       display:inline-block;
        width: 100%;
	 	margin-right: auto;
	    margin-bottom: 25px;
        max-width: 98%;
	    background-color:#D8D8D8;
	    color:#FFF;
	    padding:10px;
		/*display: flex; 
	    justify-content: center;
	    /*align-items: center;*/
	    border-radius:10px; 
	    font-size:20px;
	}
		.inline-block-container2con>.box_con2>.header2con{
			display: flex;
			text-align: justify;
		}
		.inline-block-container2con>.box_con2>.header2con>.img_con{
			width: 30%;
		}
		.inline-block-container2con>.box_con2>.header2con>.con_disc{
			width: 75%;
			margin-left: 1%;
		}

}

    
@media(min-width:0px) and (max-width:540px)  {  
	#tg-btn{
		display:block;
		padding:25px 0px;
	}
	#nav-menu ul{
		position:absolute;
		background-color:#CCC;
		top:84px;
		left:-2000px;
		display:block;
		width:100%;
		height:calc(100vh - 76.2px);
		text-align: center;	
		padding:0;
		transition:0.5s;
	}
	#nav-menu ul li{
		padding:10px;
		border:1px solid #000; 	
		border-bottom:1px solid black;
	}
	#login
	{
		display: none;
	}

	#mobile_com_nm1
	{
		display:block;
		margin-top: -10px;
	
	}
	#mobile_com_nm2
	{
		display:block;
		margin-top: 10px;
	}
	.mySlides
	{
		height: 250px;

	}
	.item5
	{
	    height:750px;
	    margin-top:-150px;
	}
	.blank_div1
	{
	    display:block;
	    height:200px;
	}
	.blank_div2
	{
	    display:block;
	    height:20px;
	}

	.item_hide
	{
		background:#D8D8D8;
		color:#FFF;
		padding:5px;

	  display: flex; 
	  justify-content: center;
	  align-items: center;
	  border-radius:10px;
	}








	#main_block{
        display:none;
	}
    .inline-block-container1{
        display:none;
    }
    .inline-block-container2{
        display:none;
    }
	.mySlides1
	{
        display:none;
	}

	#main_block_2{
        display:none;
	}
    .inline-block-container1_2{
        display:none;
    }
    .inline-block-container2_2{
        display:none;
    }
	.mySlides1_2
	{
        display:none;
	}

	   #material_main_block
    {
        width:90%;
        margin: auto;		
        text-align:center;
    }
    .inline-block-container1m
	{
        display:inline-block;
        text-align:center;
        width:100%;
        margin:auto;
		    vertical-align: top;
    }
	.inline-block-container1m>.box_m1{
        display:inline-block;
        height:350px;
		    width: 100%;
		    margin-right: auto;
	      margin-bottom: 25px;
		    background-color:#D8D8D8;
		    color:#FFF;
		    padding:10px;
		    justify-content: center;
		    align-items: center;
		    border-radius:10px; 
		    font-size:20px;
		}
		.inline-block-container1m>.box_m1>.img_m{
			height:45%;
		}
		.inline-block-container1m>.box_m1>.m_disc{
			height:100%;
			margin-left: auto;
			text-align: left;
		}
	
	
    .inline-block-container2m
	{
       display:inline-block;
        text-align:center;
        width:100%;
        margin:auto;
		    vertical-align: top;
    }
	.inline-block-container2m>.box_m2{
        display:inline-block;
		    width:100%;
        height:350px;
		    margin-right: auto;
	      margin-bottom: 25px;
		    background-color:#D8D8D8;
		    color:#FFF;
		    padding:10px;
		    justify-content: center;
		    align-items: center;
		    border-radius:10px; 
		    font-size:20px;
	}
	.inline-block-container2m>.box_m2>.img_m{
			height:45%;
	}
	.inline-block-container2m>.box_m2>.m_disc{
			height:100%;
			margin-left: auto;
			text-align: left;
	}



  #material_main_block_o
    {
        width:90%;
        margin: auto;		
        text-align:center;
    }

    .inline-block-container1o
	{
        display:inline-block;
        text-align:center;
        width:98%;
        margin:auto;
	 	vertical-align: top;
    }
	.inline-block-container1o>.box_o1{
        display:inline-block;
        height:500px;
		width: 100%;
		margin-right: auto;
	    margin-bottom: 25px;
		    background-color:#D8D8D8;
		    color:#FFF;
		    padding:10px;
		    justify-content: center;
		    align-items: center;
		    border-radius:10px; 
		    font-size:20px;
		}
		.inline-block-container1o>.box_o1>.img_o{
			height:50%;
		}
		.inline-block-container1o>.box_o1>.o_disc{
			height:50%;
			margin-left: auto;
			margin-top: 10px;
			text-align:justify;
		}
	
	
    .inline-block-container2o
	{
       display:inline-block;
        text-align:center;
        width:98%;
        margin:auto;
		vertical-align: top;
    }
	.inline-block-container2o>.box_o2{
        display:inline-block;
        height:500px;
  		  width: 100%;
		    margin-right: auto;
	      margin-bottom: 25px;
       
		    background-color:#D8D8D8;
		    color:#FFF;
		    padding:10px;
		    justify-content: center;
		    align-items: center;
		    border-radius:10px; 
		    font-size:20px;
	}
	.inline-block-container2o>.box_o2>.img_o{
			height:50%;
	}
	.inline-block-container2o>.box_o2>.o_disc{
			height:50%;
			margin-left: auto;
			margin-top: 10px;
			text-align:justify;
	}


    .inline-block-container1op
	{
        display:inline-block;
        text-align:center;
        width:100%;
        margin:auto;
	 	vertical-align: top;
    }
	.inline-block-container1op>.box_op1{
        display:inline-block;
        height:100%;
		width: 100%;
		margin-right: auto;
	    margin-bottom: 25px;
		background-color:#D8D8D8;
		color:#FFF;
		padding:10px;
		justify-content: center;
		align-items: center;
		border-radius:10px; 
		font-size:20px;
	}
	
	
    .inline-block-container2op
	{
    	display:inline-block;
        text-align:center;
        width:100%;
        margin:auto;
		vertical-align: top;
    }
	.inline-block-container2op>.box_op2{
        display:inline-block;
        height:100%;
  		width: 100%;
		margin-right: auto;
	    margin-bottom: 25px;
        background-color:#D8D8D8;
		color:#FFF;
		padding:10px;
		justify-content: center;
		align-items: center;
		border-radius:10px; 
		font-size:20px;
	}




    .inline-block-container1os
	{
        display:inline-block;
        text-align:center;
        width:100%;
        margin:auto;
	    vertical-align: top;
    }
	.inline-block-container1os>.box_os1{
        display:inline-block;
        height:250px;
		  width: 100%;
		    margin-right: auto;
	      margin-bottom: 25px;
		    background-color:#D8D8D8;
		    color:#FFF;
		    padding:10px;
		    justify-content: center;
		    align-items: center;
		    border-radius:10px; 
		    font-size:20px;
		}
		.inline-block-container1os>.box_os1>.img_os{
			height:80%;
		}
		.inline-block-container1os>.box_os1>.os_disc{
			height:20%;
			margin-left: auto;
			text-align: left;
		}
	
	
    .inline-block-container2os
	{
       display:inline-block;
        text-align:center;
        width:100%;
        margin:auto;
		vertical-align: top;
    }
	.inline-block-container2os>.box_os2{
        display:inline-block;
        height:250px;
  		  width: 100%;
		    margin-right: auto;
	      margin-bottom: 25px;
       
		    background-color:#D8D8D8;
		    color:#FFF;
		    padding:10px;
		    justify-content: center;
		    align-items: center;
		    border-radius:10px; 
		    font-size:20px;
	}
	.inline-block-container2os>.box_os2>.img_os{
			height:80%;
	}
	.inline-block-container2os>.box_os2>.os_disc{
			height:20%;
			margin-left: auto;
			text-align: left;
	}

    .inline-block-container1con
	{
        display:inline-block;
        text-align:center;
        width:100%;
        margin:auto;
		    vertical-align: top;
    }
	.inline-block-container1con>.box_con1{
        display:inline-block;
        width: 100%;
	 	margin-right: auto;
	    margin-bottom: 25px;
        max-width: 98%;
	    background-color:#D8D8D8;
	    color:#FFF;
	    padding:10px;
		/*display: flex; 
	    justify-content: center;
	    /*align-items: center;*/
	    border-radius:10px; 
	    font-size:20px;
		}
		.inline-block-container1con>.box_con1>.header1con{
			text-align: justify;
		}
		.inline-block-container1con>.box_con1>.header1con>.img_con{
			width: 100%;
		}
		.inline-block-container1con>.box_con1>.header1con>.con_disc{
			width: 100%;
		}
	

	
    .inline-block-container2con
	{
        display:inline-block;
        text-align:center;
        width:100%;
        margin:auto;
	    vertical-align: top;
    }
	.inline-block-container2con>.box_con2{
       display:inline-block;
        width: 100%;
	 	margin-right: auto;
	    margin-bottom: 25px;
        max-width: 98%;
	    background-color:#D8D8D8;
	    color:#FFF;
	    padding:10px;
		/*display: flex; 
	    justify-content: center;
	    /*align-items: center;*/
	    border-radius:10px; 
	    font-size:20px;
	}
		.inline-block-container2con>.box_con2>.header2con{
			text-align: justify;
		}
		.inline-block-container2con>.box_con2>.header2con>.img_con{
			width: 30%;
		}
		.inline-block-container2con>.box_con2>.header2con>.con_disc{
			width: 75%;
			margin-left: 1%;
		}


}



#nav-menu .active{
	left:0px;}


a:hover
{
	color:#990000;
}





/*							*/
*{
	box-sizing:border-box;
	margin:0;
	padding:0;
}

body {
	
	 background-image:url(../my_image/back.png);
	 font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif;
	 margin-top:100px;
}

/* Clock */
@font-face
{
font-family: digital;
src:url(Digital.ttf);
}

#clock
{
font-size: 40px;
font-family: digital;
text-align:right;
margin-top:-70px;
color:#009;
}

#date
{
	font-size:14px;
	text-align:right;
	margin-top:-5px;
}