/*Smartphone*/
@media only screen and (max-width : 320px) {
	.secure li {
		display: block;
		float: none;
		width: 100%;
	}
	.secure li a {
		border-bottom: 1px solid #576979;
	}
	

}

/*Smartphone*/
@media only screen and (max-width : 1020px) {

#logo p{font-family: Century Gothic; width: 100%;
            font-style: normal;
	        font-variant: normal;
	        font-weight: 100;
            font-size: 25pt;
			position:relative !Important;
			top:-30px !Important;
			display:block;
			padding-right:30px !Important;;
			border-top: 1px solid #ec7f3d;}
			
  #logo img{content:url("../img/logo 2023.jpg");
            width:246.5px!Important;
			height:220px !Important;
			max-height:220px !Important;
            position:relative;
			right:calc(50% - 132px);
            margin-bottom: 0px;
			top:-25px !Important;text-align:right;
			
            }
			
  #logo{display:block;
        width:100%;text-align:right;}
		
  #presentation{display:block;
                width:100%;
				position:relative;top:0px;left:0px;
				margin:0px;
                font-size: 10pt !Important;
				}
#presentation p{ padding-top:25px;
				 padding-left:0px;
				 padding-right:15px;
                 margin-left: 0px;
                 margin-top:  0px;
				 margin-bottom:65px !Important;
				 font-size: 13pt !Important;
				 line-height:40px;
				 text-align: justify;}
				
#home{display:block;
      min-height:360px;}
	  
#horizontal_line{display:none;}
#vertical_line{display:none;}

#soc_anim{width:90px;
		  height:90px;
		  		  }
#foot_enkeli_right{position:relative;right:10px;}
		  
#footer_social{text-align:center;
               padding:0px;
			   margin:0px;
			   position:relative;
			   left:0px;}
			   
#information{display:block !Important;
             width:100% ;
             color:#ffffff;
             font-family: Century Gothic;
             font-style: normal;
             font-variant: normal;
             font-weight: 100;
             font-size: 10pt;
             position:relative;top:0px;
             }
#information div{display:block !Important;
             width:100%  !Important;
             color:#ffffff;
             font-family: Century Gothic;
             font-style: normal;
             font-variant: normal;
             font-weight: 100;
             font-size: 10pt;
             position:relative;top:-20px;
			 text-align:center !Important;
			 margin-top:15px;
             }
			 
#private_secure_area{margin-top:40px !Important;
                     width:80% !Important;}


#services_and_solution{
                  display:block;
		  margin: 0 auto;
                  padding-top:40px;
		  padding-bottom:40px;
                  padding-right:16px !important;
                  max-height:  587px;
                  display:none;
                  max-width: 100%;
                  height: auto;
                  width: auto\9; /* ie8 */
                  }

#services_content{
                  background-color:#c54f00;
                  width: 100%;
		  height:100%;
                  margin-top:-28px;
                  dislay:none;
                  }

#services_content_mob{display:block;
                      width:100%;
                      heigt: auto;
                      background-color: #c44f00;
                      color:#ffffff; 
                      font-family: Century Gothic;
             	      font-style: normal;
                      font-variant: normal;
                      font-size: 19pt;
                      margin-top:-54px !Important;
}


#title_p{
		    font-family: Century Gothic;
          	    font-style: normal;
	 	    font-variant: normal;
	   	    font-weight: 100;
             	    font-size: 19pt ;
		    line-height: 30px;
                    color:#ffffff;
                    padding-top:85px;
                    padding-left:15px;
                    text-align: justify;
                    width:100% !Important;
                    display:block;

}

.arrow-right {
	width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
	border-left: 10px solid #fff;
        position:relative;
        left:95%;
        top:-59px;
}

.arrow-left {
	width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
	border-right: 10px solid #fff;
        position:relative;
        left:3%;
        top:-59px;
}

#anim_b{font-size:35px;
        border-bottom: 0px solid #c54f00 !Important;
        display:block !Important;
        height:auto !Important;
        width: auto !Important; 
        margin-bottom:7px;
        position:relative;
        margin-top:20px;}


#li_services{display:none !Important;}

#li_services_mob h4{
		    font-family: Century Gothic;
          	    font-style: normal;
	 	    font-variant: normal;
	   	    font-weight: 500;
             	    font-size: 12pt ;
		    line-height: 30px;
                    color:#762602;
			text-decoration: underline !Important;
}






#services_content_details{width:100%;
                          heigth:100%;
                          display:block;
			  margin: 0 auto;}

#li_services_mob{display:block;
	     width:96%;
             border-bottom: 0px solid #fff !Important;
             border-top: 0px solid #fff !Important;
	     border-left: 0px !Important;
	     border-right: 0px !Important;
	     -moz-border-radius:0px;
             -webkit-border-radius:0px;
             border-radius:0px;
             margin-top:-60px !Important;
             margin:0%;
             padding:2%;
             }

#serv_title{        font-family: Century Gothic;
          	    font-style: normal;
	 	    font-variant: normal;
	   	    font-weight: 100;
             	    font-size: 15pt ;
		    line-height: 30px;
                    width:100% !Important;
                    display:block;
         
}

#circle{
    width: 31px;
    height: 31px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px; 
    background-color:#fff;display:inline-block;
    position:relative;
    top: 7px;
    display:inline-block;
}

#circle2{
    width: 25px;
    height: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px; 
    background-color:#fff;
    box-shadow:0px 0px 0px 1px #c44f00; inset;
    display:inline-block;
    position:relative;
    top: 4px;
    left:-28px;
}

#li_services_mob p{
                    font-family: Century Gothic;
          	    font-style: normal;
	 	    font-variant: normal;
	   	    font-weight: 100;
             	    font-size: 10pt ;
		    line-height: 30px;
                    color:#ffffff;
                    position:relative;top:-25px;
                    margin-bottom:-20px;
                    text-align: justify;
                    width:100% !Important;
}

#line_serv_sol{display:none;}

#latest_work_head_lines{width:5% !Important;
			display:table-cell;
			background: linear-gradient(to bottom, #e6a935 50%, #fff 51%, #fff 53%, #e6a935 54%, #e6a935 100%)
			}

#our_last_works{width: 100%;height:100%;
		margin-top:0px !important;background-color:#e6a935 !Important;
                padding-top:-17px !important;
                }

#latest_work_head_center{width:33%;
			display:table-cell;
			border: 2px solid white;
			height:100%;
			min-height:150px;
			font-family: Century Gothic;
			font-style: normal;
			font-variant:normal;
			font-weight: 100;
			font-size: 14pt; 
			color:#ffffff;
			text-align:center;}

#latest_work_head_lines_left{width:0% !Important;
			     min-height:30px;
			     max-height:70px;
			     background:#ec7f3d;
			     vertical-align:middle;
			     position:relative;top:10px;
			}

#latest_work_head_lines_right{width:0% !Important;
			      min-height:30px;
			      max-height:70px;
			      background:#ec7f3d;
			      vertical-align:middle;
			      position:relative;
			      top:10px;
			      float:right;
			}

#our_last_works li{display:block !Important;
		   background-color:#e6a935 !Important;
		   width:96% !Important;
           padding:2% !Important;
		   margin-right: 0px !important;
		   position:relative !Important;
		   left: 0px Important;
           padding-top:20px;
		   padding-bottom:25px;
		   margin-top:1px;
           border-bottom: 1px solid #fff;
		   text-align:center;
		   font-family: Century Gothic;
		   font-style: normal;
	       font-variant:normal;
	       font-weight: 100;
		   font-size: 10pt;
           line-height:30px;		   
		   color:#ffffff;
		   position:relative !Important;
		left:-1%;}
		   
#our_last_works p{}

#last_work{border-bottom: 0px solid #fff !Important;}

#our_last_works ul{width:100%;
		   background-color:#ec7f3d !Important;
                   padding:0px !Important;
		   margin:0px !Important;
		   border:0px !Important;
		   list-style-type: none;}

#our_last_works_content{background-color:#e6a935 !Important;
                	width: 100%;
			height: auto;
               	        min-height:1050px;
			margin-top:-27px;
			padding-top:0px;
			padding-bottom:25px;
			
                        }

#last_work_hr{display:none;
			  width:100% !Important;}

#login_input{width:85% !Important;   
             margin:0px !Important;
             padding:1.5% !Important;
             height:55px !Important;
             margin-left: 6% !Important;
             margin-right: 6% !Important;
             margin-top:30px !Important;
 
}

#login_input2{width:85% !Important;   
             margin:0px !Important;
             padding:1.5% !Important;
             height:55px !Important;
             margin-left: 6% !Important;
             margin-right: 6% !Important;
             margin-top:30px !Important;
 
}
    
.myButton_login {background-color:#FFFFFF;
           height:40px;
           width:150px;
	       
           text-align:center;
           padding-top:20px;
           -moz-border-radius:5px;
	
           -webkit-border-radius:5px;
	
           border-radius:5px;
	
           border:2px solid #c54f00;
	
           display:inline-block; 
	
           cursor:pointer;
	
           color:#c54f00;
           text-decoration:none;
           font-family: Century Gothic;
       	   font-style: normal;
           font-variant: normal;
           font-weight: 180;
           font-size: 13pt;
           margin:0 auto;
           display:block;
           -webkit-transition-duration: 0.6s; /* Safari */
           transition-duration: 0.6s;
		   position:relative;
		   top:35px;
           left:50%;
           margin-left:-85px !Important;

            

}

.myButton_login:hover {background-color:#ec7f3d;

                 color:#ffffff;


}
    
#our_clients_middle{position:relative;
                    top:0px !Important;
                     }
    

    
#our_clients_header_img{display:table-cell;
                        width: 210px !Important; 
						z-index:1;
                        }
    
#our_clients_header_img img{position:relative; 
                            left: 155px !Important;
                            z-index:1;}	
    
#our_clients_header{    
                	width: 100%;
               	        min-height:223px;
                        margin-top:0px;
                        display:table;
			            table-layout: fixed;
                        background:url('../img/our_clients_background_mob.jpg') !Important;
                        background-repeat: repeat-y !Important; z-index:9999;
                    }

#our_clients_content{   background:url('../img/our_clients_background_mob.jpg') !Important;
                        background-repeat: repeat-y !Important;
                	    width: 100%;
               	        min-height:500px;
                        display:table;
                    }
    
    
#client{display:table-cell;
        width:180px !Important;}

#client img{float:left !Important;
            margin-left:8px;}
    
#mobile_arr{position:relative;
            left:166px !Important;}
    
#client_content{display:table-cell;
                position:relative;
                bottom:50px;left:0px !important;
                padding-left:10px;
                width:auto;
                color:#c95d1a;
                font-family: Century Gothic;
                font-style: normal;
	            font-variant: normal;
	            font-weight: 100;
                font-size: 15pt; 
                } 
 #result_login{ font-family: Century Gothic;
             font-style: normal;
             font-weight: normal;
             font-variant: normal;
             text-align:left;
             color:#800000;
             font-size:19px;
             width:90%;
             position:relative;
             top:1%;
             left:6%;
             bottom:1%;
             display:none;
             }

#googleMap{height:350px !Important;}
#mobile_arr2{position:relatve !Important;
	     top:358px !Important;
	     z-index:10 !Important;
            }
.animazione{font-size:17pt !Important;}

#mobile_our_clients{display: block !Important;
					font-family: Century Gothic;
					font-style: normal;
				    font-weight: normal;
                    font-variant: normal;
				    font-size:12pt;
					color:#c54f00;}
#mobile_our_clients h2{font-weight: normal;}
#mobile_our_clients_head{font-family: Century Gothic;
					   	 font-style: normal;
						 font-weight: normal;
                         font-variant: normal;
						 font-size:12pt;
						 line-height:30px !Important;
						 color:#c54f00;
						 padding:5%;}
#our_clients{display: none !Important;}
#mobile_our_clients_cont{margin-bottom:20px;
						 border-bottom: 1px solid #c54f00;
						 height:auto;
						         padding-left: 1.7rem;
						 min-height: 160px;}
						 
#mobile_our_clients_cont_last{margin-bottom:40px;
						 height:auto;
						 min-height: 160px;}
						 
						 


@media screen and (min-width: 100px) and (max-width: 1000px) {

#aboutUs {
    background: #fff !Important;
    margin-top: -2.1rem;
    margin-bottom: -5rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.TitleSection2{display:none!Important;}

#presentation p {
    font-family: Century Gothic;
    font-style: normal;
    font-variant: normal;
    font-weight: 100;
    font-size: 1rem;
    line-height: 30px;
    color: #c54f00;
    width: 94%;
    margin-left: 4%;
    margin-top: -45px;
}

.TitleSection {
    margin-left: 1rem;
	margin-top: 2rem;
}

.imgInitial {
            max-width: 100% ! Important;
            height: auto;
            content: url(../img/InitialBackgroundMobile.png) !important;
}

}