@import 'https://fonts.googleapis.com/css?family=Alegreya+Sans';


@media only screen and (max-width: 375px){


* 
{   margin: 		0px;
	padding: 		0px;
	border: 		0px;
}
body
{
	margin: 0px;
	padding: 0px;
}
.container {
	width: 375px;
	margin: 0px;
	padding: 0px;
}

.gallery {
	margin: 0px;
	padding: 0px;
	
	float: 				left;
	text-align: 		center;
	position: 			absolute;
}
.gallery img {

	
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
}

.fly-in-text{
	display: none;
}
#navmenu {
	display: none;
}

#navbar {
	display: none;
}


.banner {
	display: none;
}
.number {
	display: none;
}
#header-inner {
	display: none;
}
header {
	display: none;
}
.vendsh {
	
	margin: 0px;
	padding: 0px;
		
}
#grid {

	margin: 0px;
	padding: 0px;
}


#pagecount2
{
	display: none;
}
.inner-wrapper-3
{
	display: none;
}
footer {
	display: none;
}
#smiley {
	display: none;
}
#gr-explenation
{
	display: none;
}

#gran2 {
	display: none;
}

}


* 
{   margin: 		0;
	padding: 		0;
	border: 		0;
}
body {
	background-color: 	#838383;
	color: 				#67727A;
	font-family: 		'Alegreya Sans', Sans-serif;
	margin:				0;
}

h2 {
	padding-top:		2%;
	font-size: 			250%;
    font-weight:	 	700;
    text-align: 		center;
	color: 				#f5f5f5;
}
h3 {
	font-size:			175%;
    font-weight: 		400;
    text-align: 		center;
    color: 				#ffedb3;
}
p { 
   font-family: 		'Alegreya Sans', Sans-serif;
   color: 				#ffffff;
   font-size: 			120%;
   padding: 			2%;
   text-indent: 		2%;
   text-align: 			justify;
}



img{
	height: 			auto;
	width: 				auto;
	margin-bottom: 		-4px;
	margin-top:			-5px;
}
header {
	background: 		url(img/khalo.jpg);
	width: 				100%;
	height:				85px;
	margin-top: 		28px;
	border-bottom: 		1px solid black;
	position: 			fixed;
	z-index: 			101;
}
.number {
	width: 				100%;
    height: 			25px;
    background-color:	grey;
    color: 				white;
    position: 			fixed;
    margin-top: 		0px;
    z-index: 			101;
    box-shadow: 		5px 5px 10px black;
}
.call {
   float:				right;
   margin-right:		20px;
   font-size:			25px;
   font-weight: 		bold;
   margin-top: 			-3px;
}


#header-inner {

	width: 				100%;
	margin: 			0 auto;
}
#logo {
	margin: 			-3px 0px 0px 10px;
	float: 				left;
	width: 				250px;
	height: 			120px;
	background: 		url(img/new-logo.jpg) no-repeat center;
	border-style: 		2px solid white;
	border-radius: 		5px;

}
#logo:hover {
	margin: 			-3px 0px 0px 10px;
	float: 				left;
	width: 				250px;
	height: 			120px;
	background: 		url(img/new-logo-hover.jpg) no-repeat center;
}

								/*---Start Navigation--*/

#navmenu {
	z-index: 10000;
	position: fixed;
	top: 113px;
	left: 400px;
	width: 100%;


}

#weremoving {

	position: fixed;
	margin-left: 0px;
	margin-top: 300px;
	z-index: 10002;
	float: 				left;
	width: 				50px;
	height: 			200px;
	background: 		url(img/were-moving2.png) no-repeat;
	

	 
}

#weremoving:hover {

	position: fixed;
	margin-left: 0px;
	margin-top: 300px;
	z-index: 10001;
	float: 				left;
	width: 				50px;
	height: 			200px;
	background: 		url(img/were-moving.png) no-repeat;
	

	
	
}



#navbar ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#navbar ul li {
	font-family: 		'Alegreya Sans', Sans-serif;
	float: left;
	text-align: center;
	background-color: white;
	margin-top: 0px;
	border-style: solid black 2px;
	opacity: .8;
	box-shadow: 2px 2px 5px black;
	width: 200px;
	height: 30px;
	line-height: 30px;
	font-size: 15px;
	font-weight: bold;


}
#navbar ul li a {
	text-decoration: none;
	color: black;
	display: block;
}
#navbar ul li a:hover {
	background-color: #D4AF37;
	height: 30px;
}
#navbar ul li ul li {
	display: none;
}
#navbar ul li:hover ul li {
	
	display: block;

}
#navbar ul .selected {
	background-color: 		#D4AF37;
	opacity: 				.8;
	height: 				30px;
}

									/*---End Navigation*/


/*--Social Navigation--*/

nav ul li {
	font-family: 		'Alefreya', Sans-serif;
	font-size: 			70%;
	display: 			inline-block;
	float: 				left;
	padding: 			5px 10px 0px 10px;
	color: 				#f5f5f5;
	
}

nav ul li a {
	color: 				#f5f5f5;
	text-decoration: 	none;
	
}
nav ul li a:hover {
	color: 				#C3D7DF;
}
.current {
	color: 				#C3D7DF;
}
nav {
	float: 				right;
	padding: 			15px 20px 0 0;
}


/*--End Social Navigation--*/





.banner {
	width: 				100%;
	padding-top: 		96px;
}

.banner-inner {
	width: 				100%;
	float: 				left;
	margin:				0px;
	position: 			relative;
}
.one-fourth {
	margin: 			5px 2px 0px 0px;
	width: 				14.15%;
	float: 				left;
	text-align: 		center;
	position: 			relative;
	color: 				grey;

}
.one-tenth {
	margin: 			15px 2px 15px 30px;
	width: 				18%;
	float: 				left;
	text-align: 		center;
	position: 			relative;
	color: 				white;
}
.gallery {
	
	width: 				18%;
	float: 				left;
	text-align: 		center;
	position: 			relative;
	margin-top: 1%;

}

.gran {
	position: 			absolute;
	top:				50%;
	left: 				50%;
	transform: 			translate(-50%,-50%);
	font-size: 			100%;
	font-weight: 		700;
	color: black;
	background-color: 	grey;
	padding: 			2px 15px;
	border-radius: 		1px;
	border:				1px solid white;
	box-shadow: 		5px 5px 5px black;
}
.gran2 {
	position: 			absolute;
	top:				50%;
	left: 				50%;
	transform: 			translate(-50%,-50%);
	font-weight: 		700;
	padding: 			0px 0px 0px 0px;
	border-radius: 		5px;
	border:				0px solid gold;
	box-shadow: 		5px 5px 5px black;
	opacity: 			.9;
	width: 				170px;
	
}	
.gran2 p {
	color: 				white;
	text-align: 		center;
	padding: 			0px;
}	

.gran:hover {
	padding: 			7px 40px;
	color: 				black;
	opacity: 			.8;
	}

.gran2:hover {
    color: 				red;
	opacity: 			1;
}
.vendsh {
	box-shadow: 		5px 5px 15px black;
	border: 			1px solid white;
	border-radius:      7px;

}

.vendsh:hover {
	border: 1px solid gold;
	opacity: .3;
	color: red;

}
.vendsh:hover p {
	color: red;
}

.one-fourth i {
	color: 				grey;
	font-size: 			400%;
	padding: 			13% 0 4% 0;
}
.inner-wrapper {
	float: 				left;
	width: 				100%;
	background-color: 	#E8E8E8;
}

.inner-wrapper img {
	float: 				right;
	margin-bottom: 		5px;
}																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																
article {
	float: 				left;
	margin: 			0 auto;
	width: 				50%;
	height: 			auto;
}
#tablet {
    margin-top: 		10px;
	background-color: 	#E8E8E8;
	margin-bottom: 		5px;
	box-shadow: 		5px 5px 5px black;
	border-radius: 		5px;
	margin-left: 40px;
	object-fit: contain;



}
#tablet img {
			
}
aside {
	margin-bottom: 		5px;
	margin-top: 		5px;
	float: 				right;
	width: 				45%;
	height: 			auto; 
}
#tablet2 {
	background-color: 	#808080;
}
#mobile {
	background-color: 	#808080;
}
#desktop {
	background-color: 	#808080;
}
.inner-wrapper-2 {
	float: 				left;
	width: 				100%;
	background-color: 	#E8E8E8;
}
.inner-wrapper-3 {
	float: 				left;
	width: 				100%;
	background-color: 	#E8E8E8;
	margin-top: 15px;
}
.one-third {
	box-shadow: 		5px 5px 15px black;
	margin-right: 		5px;
	width: 				32.9%;
	float: 				left;
	text-align: 		center;
	margin-bottom: 		10px;
}
#google {
	background-color: 	black;
	opacity: .8;
	border: 1px gold solid;
	border-radius: 0px 0px 5px 5px;
	height: 200px;


}
#marketing {
	background-color: 	black;
	opacity: .8;
	border: 1px gold solid;
	border-radius: 0px 0px 5px 5px;
	height: 200px;


}
#customers {
	background-color: 	black;
	opacity: .8;
	border: 1px gold solid;
	border-radius: 0px 0px 5px 5px;
	height: 200px;



}
#smiley {
	background-color: 	#E0E0E0;
	padding: 			0 0 1%;
	clear: 				both;
}
#smiley h2 {
	color: 				grey;
}

/*--Start Footer--*/

footer {
	background-color: 	black;
	width: 				100%;
	font-size: 			10px;
}
.social {
	list-style-type: 	none;
	text-align: 		center;
	background-color: 	silver;
}
.social li {
	display: 			inline;
}
.social i {
	font-size: 			460%;
	margin:				1%;
	padding: 			5%;
	color: 				grey;
}
.social i:hover {
	color: 				#D4AF37;
}
footer.second {
	border-top: 		1px solid #aadcd2;
	background-color: 	black;
	max-height: 		55px;
	text-align: 		center;
	margin: 			0;
}
footer.second p {
	padding: 			5px 0 9px 0;
	text-align: 		center;
}

.lobster-stay {
	font-family: 		'Lobster', cursive;
	color: 				white;
	font-size: 			3em;
	text-align: 		center;
	text-shadow: 		2px 2px 5px black;
	margin-bottom: 		20px;
}
 .fly-in-text {
                list-style: none;
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translateX(-50%) translateY(-50%);
            }
            .fly-in-text li {
                display: inline-block;
                margin-right: 10px;
                font-family: 'Lobster', cursive;
                font-weight: 300;
                font-size: 12em;
                color: #fff;
                opacity: .5;
                text-shadow: 2px 2px 2px black;
                transition: all 2.5s ease;
            }
            .fly-in-text li:last-child {
                margin-right: 0;
            }
            .fly-in-text.hidden li {
                opacity: 0;
            }
            .fly-in-text.hidden li:nth-child(1) { transform: translateX(-200px) translateY(-200px); }
            .fly-in-text.hidden li:nth-child(2) { transform: translateX(20px) translateY(100px); }
            .fly-in-text.hidden li:nth-child(3) { transform: translateX(-150px) translateY(-80px); }
            .fly-in-text.hidden li:nth-child(4) { transform: translateX(10px) translateY(-200px); }
            .fly-in-text.hidden li:nth-child(5) { transform: translateX(-300px) translateY(200px); }
            .fly-in-text.hidden li:nth-child(6) { transform: translateX(20px) translateY(-20px); }
            .fly-in-text.hidden li:nth-child(7) { transform: translateX(30px) translateY(200px); }
 

 .container {
  	left: 				auto;
 	right: 				auto;
}

  #pagecount {

  	position: sticky;
  	top: 145px;
  	z-index: 1;
	text-align: 		center;
	margin-left: 		10px;
	margin-bottom: 		20px;
	margin-top: 		0px;
	
}

 #pagecount ul {
  	list-style: 		none;
 	padding: 			0;
 	
 }
 #pagecount li{
 	display: 			inline-block;
 	background-color: 	white;
 	padding: 			3px 5px;
 	border-style: 		solid;
 	border-radius: 		0px 0px 5px 5px;
 	opacity: 			1;
 	box-shadow: 		2px 2px 5px black;
 	color: 				black;
 	font-weight: 		bold;
 }
#pagecount li:hover {
	background-color:	 	#D4AF37;
	opacity: 				1;
}

#pagecount ul .selected {
	background-color: 		#D4AF37;
	opacity: 				1;
	height: 				25px;
}

 #pagecount a {
 	font-family: 			'Alegreya Sans', Sans-serif;
 	text-decoration: 		 none;
 	font-weight:			 bold;
	color: 					 black;
	font-size: 				 15px;
	text-align: 			 center;
 	
 }

 #pagecount2 {

  	
	text-align: 		center;
	margin-left: 		10px;
	margin-bottom: 		20px;
	margin-top: 		10px;
	float: 				left;
	margin-left: 		43%;
}

 #pagecount2 ul {
  	list-style: 		none;
 	padding: 			0;
 	
 }
 #pagecount2 li{
 	display: 			inline-block;
 	background-color: 	white;
 	padding: 			3px 5px;
 	border-style: 		solid;
 	border-radius: 		0px 0px 5px 5px;
 	opacity: 			.7;
 	box-shadow: 		2px 2px 5px black;
 	color: 				black;
 	font-weight: 		bold;
 }
#pagecount2 li:hover {
	background-color:	 	#D4AF37;
	opacity: 				.7;
}

#pagecount2 ul .selected {
	background-color: 		#D4AF37;
	opacity: 				.7;
	height: 				25px;
}

 #pagecount2 a {
 	font-family: 			'Alegreya Sans', Sans-serif;
 	text-decoration: 		 none;
 	font-weight:			 bold;
	color: 					 black;
	font-size: 				 15px;
	text-align: 			 center;
 	
 }


.galaimg {
 	width:100%;
 	float: right;
}
 .galaimg1 {
 	width:50%;
 	float: left;
 	margin-bottom: 15px;	
}
 .galaimg2 {
 	width:	50%;
 	float: right;
 	margin-bottom: 15px;

 }

 #feedback {
 	position: fixed;
 	top: 200px;
 	left: 0px;
 	z-index: 3;
 	width: 10px;
 	height: 40px;
 }

 #se-explenation {

 	position: relative;
 	border: 1px solid gold;
 	border-radius: 10px;
 	background-color: black;
 	margin-top: 385px;
 	opacity: .5;
 	width: 60%;
 	align-content: center;
 	margin-left: 20%;
 }
 #gr-explenation {

 	position: relative;
 	border: 1px solid gold;
 	border-radius: 10px;
 	background-color: black;
 	margin-top: 500px;
 	opacity: .5;
 	width: 60%;
 	align-content: center;
 	margin-left: 20%;
 	box-shadow: 5px 5px 15px black;
 }
 #grid {
 	margin-left: 8%;
 }


.gallery .gran2 {
  transform: scale(2);
  opacity: .0;
  transition: .5s;
}
.gallery:hover .gran2 {
  opacity: 1;
  transform: scale(1);
  margin-left: -80px;
  margin-top: -20px;
  font-weight: 600;
}

.gallery p {
	color: black;
	font-size: 25px;
}
.gallery p2 {
	color: white;
	font-size: 25px;
}

#whole {
    margin-top: 120px; /* This clears the fixed header + number bar */
}