@media screen and (max-width: 991px)

	{
		#main_nav

		{
			border: 1px solid #eee;
			box-shadow: 0px 0px 15px rgb(0 0 0 / 10%);
			background: #fff;
			padding: 20px !important;

			  background-size: 3px 3px;
			margin-top: -40px;
		}

		.navbar .nav-link

		{
				
			text-align: center;
			transition: 0.5s ease-in;
			font-weight: 600;
			
			font-size: 18px;
			position: relative;
			
		}
		
		.nav-link

		{
				
			
			margin-bottom: 10px;
			
		}

		

		.navbar .dropdown-menu-end

		{

		 	right:0; left: auto;  

		}
		
		.navbar .navbar-brand img {
                height: 115px;
            }
    
        .navbar-brand img {
            height: 80px;
            position: relative;
            top: -30px;
            color: #fe3f40;
            font-weight: 600;
        }
        
        .navbar.shrink

    	{
    		 	height: 100px;
    		  padding: 3px;
    		 
    
    	}

	
		.title

		{
			font-size: 16px;
		}


		.btn-position

		{
			position: absolute;
			top:60%;

			left: 15%;

			opacity: 0;
			transition: 0.5s ease-in;
		}

		.button .btn {
		    position: relative;
		    color: #fff;
		    background: var(--main);
		    display: inline-block;
		    border: none;
		    padding: 0px 40px 0px 40px;
		    -webkit-transition: all 0.4s ease;
		    -moz-transition: all 0.4s ease;
		    transition: all 0.4s ease;
		    z-index: 5;
		    display: inline-block;
		    padding: 13px 20px;
		    border-radius: 0px;
		    border-radius: 30px;
		    text-transform: uppercase;
		    font-weight: 500;
		    overflow: hidden;
		    border: 2px solid var(--main);
		}

	.button .btn::before 

	{
	    position: absolute;
	    content: "";
	    left: 70px;
	    bottom: -81px;
	    height: 30px;
	    width: 30px;
	    background: #092032;
	    z-index: -1;
	    border-radius: 100%;
	    -webkit-transition: all 1s ease;
	    -moz-transition: all 1s ease;
	    transition: all 1s ease;
	    overflow: hidden;


	}

	.button .btn:hover:before 

	{
	    height: 200px;
	    width: 250px;
	    left: -40px;

	}

		
		
	}



@media screen and (max-width: 1200px)

	{

		.button .btn {
		    position: relative;
		    color: #fff;
		    background: var(--main);
		    display: inline-block;
		    border: none;
		    padding: 0px 40px 0px 40px;
		    -webkit-transition: all 0.4s ease;
		    -moz-transition: all 0.4s ease;
		    transition: all 0.4s ease;
		    z-index: 5;
		    display: inline-block;
		    padding: 13px 20px;
		    border-radius: 0px;
		    border-radius: 30px;
		    text-transform: uppercase;
		    font-weight: 500;
		    overflow: hidden;
		    border: 2px solid var(--main);
		}

		.button .btn::before 

		{
		    position: absolute;
		    content: "";
		    left: 70px;
		    bottom: -81px;
		    height: 30px;
		    width: 30px;
		    background: #092032;
		    z-index: -1;
		    border-radius: 100%;
		    -webkit-transition: all 1s ease;
		    -moz-transition: all 1s ease;
		    transition: all 1s ease;
		    overflow: hidden;


		}

		.button .btn:hover:before 

		{
		    height: 200px;
		    width: 250px;
		    left: -40px;

		}

	}


@media screen and (max-width: 767px)

	{

		.single-box-2

		{
			display: flex;
			flex-direction: column;
		}
		

		.button .btn {
		    position: relative;
		    color: #fff;
		    background: var(--main);
		    display: inline-block;
		    border: none;
		    padding: 0px 40px 0px 40px;
		    -webkit-transition: all 0.4s ease;
		    -moz-transition: all 0.4s ease;
		    transition: all 0.4s ease;
		    z-index: 5;
		    display: inline-block;
		    padding: 13px 25px;
		    border-radius: 0px;
		    border-radius: 30px;
		    text-transform: uppercase;
		    font-weight: 500;
		    overflow: hidden;
		    border: 2px solid var(--main);
		}

    	.button .btn::before 
    
    	{
    	    position: absolute;
    	    content: "";
    	    left: 70px;
    	    bottom: -81px;
    	    height: 30px;
    	    width: 30px;
    	    background: #092032;
    	    z-index: -1;
    	    border-radius: 100%;
    	    -webkit-transition: all 1s ease;
    	    -moz-transition: all 1s ease;
    	    transition: all 1s ease;
    	    overflow: hidden;
    
    
    	}
    
    	.button .btn:hover:before 
    
    	{
    	    height: 200px;
    	    width: 250px;
    	    left: -40px;
    
    	}

    	.product-box a.product-title
    
    	{
    	
    		font-size: 14px;
    	}

		.btn-position

		{
			position: absolute;
			top:50%;

			left: 15%;

			opacity: 0;
			transition: 0.5s ease-in;
		}

		.about-us-section

			{
				padding: 0px 2px 0px 2px;
			
			}

    		.about-list ul li:nth-child(n+1)
    
    		{
    		    float:none;
    		}

    		.about-list ul li 
    
        	{
        	    font: 400 16px/26px "Open Sans", sans-serif;
        
        	    position: relative;
        	    padding-left: 5px;
        	    vertical-align: middle;
        	    width: 100%;
        	    display: inline-block;
        	    margin-top: 12px;
        	}


            .about-list ul li img 
            
            	{
            	    position: absolute;
            	    left: -7%;
            	    top: 20%;
            	    -webkit-transform: translateY(-50%);
            	    -ms-transform: translateY(-50%);
            	    transform: translateY(-50%);
            	}
            	
            	
            .top-nav 
            
            {
                font-size: 10px;
            }
            
            .whatsapp-button

        	{
        		position: fixed;
        		top: 540px;
        		right: 90px;
        		z-index: 999;
        	}
    	
    	
    	.contact-data
    	
    	{
    	    /*padding: 20px !important;   */
    	    margin-top: 20px;
    	}
    	
    	.contact-form {
           
            padding: 25px 30px 39px;
          
           
        }

	}


@media screen and (max-width: 500px)

	{

		.single-box-2

		{
			display: flex;
			flex-direction: column;
		}

		.btn-position

		{
			position: absolute;
			top:50%;

			left: 9%;

			opacity: 0;
			transition: 0.5s ease-in;
		}
		
		.navbar .navbar-brand img

     	{
    	  height: 118px;
            top: -32px;
    	}


	}



@media screen and (max-width: 445px)

	{

	

		.btn-position

		{
			position: absolute;
			top:50%;

			left: 9%;

			opacity: 0;
			transition: 0.5s ease-in;
		}
		
		.button .btn {
		    position: relative;
		    color: #fff;
		    background: var(--main);
		    display: inline-block;
		    border: none;
		    padding: 0px 20px 0px 20px;
		    -webkit-transition: all 0.4s ease;
		    -moz-transition: all 0.4s ease;
		    transition: all 0.4s ease;
		    z-index: 5;
		    display: inline-block;
		    padding: 8px 15px;
		    border-radius: 0px;
		    border-radius: 30px;
		    text-transform: uppercase;
		    font-weight: 500;
		    overflow: hidden;
		    border: 2px solid var(--main);
		}

    	.button .btn::before 
    
    	{
    	    position: absolute;
    	    content: "";
    	    left: 70px;
    	    bottom: -81px;
    	    height: 20px;
    	    width: 20px;
    	    background: #092032;
    	    z-index: -1;
    	    border-radius: 100%;
    	    -webkit-transition: all 1s ease;
    	    -moz-transition: all 1s ease;
    	    transition: all 1s ease;
    	    overflow: hidden;
    
    
    	}

    	.button .btn:hover:before 
    
    	{
    	    height: 150px;
    	    width: 200px;
    	    left: -40px;
    
    	}

	}
	

@media screen and (max-width: 350px)

	{

	

	
		
		.button .btn {
		    position: relative;
		    color: #fff;
		    background: var(--main);
		    display: inline-block;
		    border: none;
		    padding: 0px 20px 0px 20px;
		    -webkit-transition: all 0.4s ease;
		    -moz-transition: all 0.4s ease;
		    transition: all 0.4s ease;
		    z-index: 5;
		    display: inline-block;
		    padding: 8px 15px;
		    border-radius: 0px;
		    border-radius: 30px;
		    text-transform: uppercase;
		    font-weight: 500;
		    overflow: hidden;
		    border: 2px solid var(--main);
		}

    	.button .btn::before 
    
    	{
    	    position: absolute;
    	    content: "";
    	    left: 70px;
    	    bottom: -81px;
    	    height: 20px;
    	    width: 20px;
    	    background: #092032;
    	    z-index: -1;
    	    border-radius: 100%;
    	    -webkit-transition: all 1s ease;
    	    -moz-transition: all 1s ease;
    	    transition: all 1s ease;
    	    overflow: hidden;
    
    
    	}

    	.button .btn:hover:before 
    
    	{
    	    height: 150px;
    	    width: 200px;
    	    left: -40px;
    
    	}

	}