/**/
@media (min-width: 320px)
 {
 	 .tablink {
  

  font-size: 12px;
 
       }
 	.mobile_view
 	{
 		display: block;
 	}
 	.desktop
 	{
 		display: none;
 	}
 	.ccMainHeader{ 
	font-size: 10px; 
	line-height: 20px;
   
       } 
    .ccSubHeader
     {  
   
     font-size: 8px;
   
      }

 	nav .toggle
			{
				display: block;
			}

	nav	ul
			{
				width: 100%;
				display: none;
			}
	nav	ul li
			{
				display: block;
				text-align: left;
			}
	nav	.active
			{
				display: block;
			}
		#header
			{
				display: none;
			}
	.PORTFOLIO img{
	height: 100px;
	
            }
 }

 @media (min-width: 425px)
  {
  }
  @media (min-width: 768px)

  {
  }

  @media (min-width: 992px)
   {
   	 .tablink {
  

  font-size: 17px;
 
       }
   	.mobile_view
 	{
 		display: none;
 	}
 	.desktop
 	{
 		display: block;
 	}
   	nav
   	{
   		display: none;
   	}
   	.ccMainHeader{ 
	font-size: 70px; 
	line-height: 120px;
   
       } 
    .ccSubHeader
     {  
   
     font-size: 32px;
   
      }

   	nav .toggle
			{
				display: none;
			}
	#header
			{
				display: block;
			}
	.PORTFOLIO img{
	height: 350px;
	
            }

   }

/**/








/**/
       nav
		{
			width: 100%;
			background: #fff;
			margin-top: 5px
			
		}

		nav ul
		{
			width: 80%;
			margin: 0px auto;
			padding: 0px
		}

		nav ul li
		{
			list-style: none;
			
			padding: 3px 2px;
			margin-top: 2px;

		}
		nav ul li:hover
		{
			background: #f5f5f5;

		}
		nav ul li a
		{
			
			text-decoration: none
		}
		nav .toggle
		{
			
			padding: 10px 20px;
			
			text-align: right;
			box-sizing: border-box;
			color: #FFEB3B ;
			font-size: 30px;
			margin-top: 40px
			
		}