*{
margin: 0 auto;
box-sizing: border-box;
}
.container
{
width:100%;
}
.container img
{
text-align: center;
padding: 0;
margin: 0;	

}

.container h1
{
background:url(..images/background/);	
}
.container i
{
color: #ffffff;	
}
.top_nav
{
width: 100%;
background:#0d425e;
padding: 0 0 0 0;	
position: fixed;	
z-index: 9999999;
}
.top_nav h1
{

background:url("../images/background/logo.png") no-repeat;
width: 10%;
text-indent: -99999px;
display: inline-block;
margin: 0.7%;
margin-right: 9%;
margin-left: 1%;
padding: 0 0 3% 0;
vertical-align: middle;
}
.top_nav ul.menu
{
width: 57%;
list-style-type: none;
padding:  0;
display: inline-block;
margin-left: 5%;

}
.top_nav ul li
{
display: inline;
padding: 0.5% 0.5%;
margin-left: 1.5%;
}
.top_nav ul.call_no
{
width:16%; 
display: inline-block;	

}
.top_nav ul.menu li a
{
text-decoration: none;
font-size:16px;
font-family:Poppins;
font-weight:300;  
color: #ffffff;

}
.top_nav ul.menu li  i
{
font-size: 10px;
padding: 0 0.7%;
vertical-align: middle;
color: #ffffff;	
}
.top_nav ul.menu li a  span ,.top_nav ul.menu li span i  
{
	color:  #fdd123;
}
.top_nav ul.call_no li 	a
{
text-decoration: none;
font-size:20px;
font-family:Poppins;
font-weight:300;  
color:#ffffff;
}
.top_nav ul.call_no li 	a span
{
color: #fdd123;	
}
/*JUMBOTRON DIV*/

.jumbotron #item1
{
	width:100%; 
	background:url("../images/background/Slide01.jpg")  no-repeat;
	padding: 20% 10% 0 10%;
	background-size: 100% 100%;
		display: block;
		height: 100vh;
}
.jumbotron #item2 
{
	width:100%; 
background:url("../images/background/Slide02.jpg")  no-repeat;
padding: 20% 10% 0 10%;
display: block;
		height: 100vh;
		background-size: 100% 100%;
}
.jumbotron #item3
{
	width:100%; 
background:url("../images/background/Slide03.jpg")  no-repeat;
padding: 20% 10% 0 10%;
display: block;
		height: 100vh;
		background-size: 100% 100%;
}
.jumbotron h2
{
font-family: Poppins;
font-size: 30px;
font-weight:700;
color: #0d425e;
}
.jumbotron h3
{
font-family: 'Fira Sans Condensed';
font-size: 200px;
font-weight:700;
color: #0d425e;	
line-height: 170px;
}
.jumbotron p
{
font-family: Poppins;
font-size: 24px;
font-weight:700;
color: #11587d;	
text-align: right;
}
.jumbotron a
{
font-family: Poppins;
font-size: 16px;
font-weight:500;
color: #0d425e;	
border-color: 1px solid #fdd123;
background-color: #fdd123;
text-decoration: none;
padding: 1.5% 3%;
}
/*END OF JUMBOTRON DIV*/
/*main div start here*/
.main
{
width: 100%;	
}
.about_us
{
width:100%;
background:url("../images/background/bg1.jpg") no-repeat  -291px 0px;

padding: 7% 0 7% 5%; 

}	
.about_1
{

float: left;
width: 48%;
padding: 0 ;
}

.about_us .about_1 h2
{
font-family:Poppins ;
font-size: 16px;
color:#0d425e;
font-weight:300 ;
padding: 0 0  0 0;
display: inline-block;	
}
.about_us .about_1 h3
{
font-family:'Fira Sans Condensed' ;
font-size: 50px ;
font-weight: 500 ;
color:#0d425e ;
padding: 5% 0 0 0

}

.about_us .about_1 p
{
font-family:'Fira Sans Condensed' ;
font-size: 20px;
color:#0d425e;
font-weight:500 ;	
text-align: left;

}
.about_us .about_1 .linee
{
width: 8%;
height: 2px;
background-color:#0d425e;	
display: inline-block;
vertical-align: middle;
}
.about_us .about_1 p.para
{
font-family: Poppins ;
font-size: 16px;
color:#4c778d;
font-weight:300 ;
text-align: left;
padding: 2% 2% 4% 2%;
display: inline-block;
width: 84%;
}
.about_us .about_1 .vline
{
width: 0.2%;
height: 165px;
background-color: #fdd123;	
display: inline-block;
margin-top: 5%;
}
.about_us .about_1 a
{
text-decoration: none;
border:1px solid #fdd123;
padding: 2% 5% ;
font-size: 16px;
font-family: Poppins;
font-weight: 500;
color: #0d425e;
background-color: #fdd123;
margin: 0 0 0 6%;
}
.about_us .about_1  a.learn
{
background-color: #ffffff;
margin: 0 0 0 2%;
}
.about_video
{
width: 48%;

display: inline-block;
/*padding:10% 10%;*/
}
.about_video a i
{
font-size:80px;
color: #ffffff;
margin-top: 5%;
padding-top: 10%;
position: absolute;
margin-left: 18%;
}

.advantage
{
width:100%;
background: url("../images/background/bnv.jpg") no-repeat center/cover;
padding: 10% 5%;
}
.advantage h2
{
font-size: 16px;
font-family: Poppins;
font-weight: 300;
color:#0d425e;	
}
.advantage h3
{
font-size: 50px;
font-family:'Fira Sans Condensed';
font-weight: 500;
color:#0d425e;	
}
.advantage p
{
font-size: 20px;
font-family:Poppins;
font-weight: 500;
color:#0d425e;	
padding: 0 0 10% 0;	
}
.advantage ul
{
list-style-type: none;	
padding: 0;
}
.advantage ul li
{
font-family:'Fira Sans Condensed';
font-size: 50px;
color: #fdd123;
font-weight: 500 ;
display: inline-block;	
padding: 2%;
}
.advantage ul li p
{
font-family:Poppins ;
font-size: 16px ;
font-weight: 300  ;
color: #598aa4;	
}
.services
{
width:100%;
background-color:#eef3f5;
padding: 10% 0  10% 5%;
}
.Services_0 , .Services_1 , .Services_2 ,.Services_3
{
display: inline-block;
margin-left:1% ;
margin-right:1%;
padding: 0 0 5% 0; 
}


.Services_0 h2
{
font-family:Poppins ;
font-size: 16px ;
font-weight: 300  ;
color: #0d425e;		
} 	
.Services_0  h3
{
font-family: 'Fira Sans Condensed';
font-size: 50px ;
font-weight: 500  ;
color: #0d425e;		
}
.Services_0  p
{
font-family: Poppins;
font-size: 20px ;
font-weight: 500  ;
color: #0d425e;	
padding: 0 0 25% 0;		
}
.Services_0 i
{
color: #4c778d;
font-size:14px;
}
.Services_0
{
	width: 18%;
}
.Services_1
{
width: 24%;
background-color: #ffffff;

}
.Services_2
{
width: 24%;
background-color: #ffffff;

}
.Services_3
{
width: 24%;
background-color: #ffffff;

}
.Services_1 img ,.Services_2 img , .Services_3 img
{
width: 100%;
}

.Services_1 h2 ,.Services_2 h2 , .Services_3 h2
{
font-family: Poppins;
font-size: 16px ;
font-weight: 300  ;
color: #0d425e;	
background-color: none;	
display: inline-block;
padding: 10% 0 0 2%;
}
.Services_1 h3 ,.Services_2 h3 , .Services_3 h3
{
font-family:'Fira Sans Condensed';
font-size: 30px ;
font-weight: 500  ;
color: #0d425e;	
padding: 0 0 5% 20%;	
}
.Services_1 p ,.Services_2 p , .Services_3 p
{
font-family:Poppins;
font-size: 16px ;
font-weight: 300  ;
color: #598aa4;	
width: 70%;	
padding: 0 0 15% 7%;
}
.Services_1 a ,.Services_2 a , .Services_3 a
{
text-decoration: none;
font-family:Poppins ;
font-size: 16px ;
color:  #062637;
font-weight:300 ;
border: 1px solid #eef3f5;
padding: 3% 0 3% 6%;
background-color: #eef3f5;
border-radius: 25px;
margin-left: 13%;
text-align: center;
}
.Services_1 a i , .Services_2 a i , .Services_3 a i
{
padding: 4%;
color: #ffffff;
background-color: #fdd123;
border-radius: 25px;
margin-left: 10%;
text-align: center;
}
.Services_1 a:hover 
{
	transition: all 0.5s;
	background-color: #fdd123;
}
.Services_2 a:hover
{
	transition: all 0.5s;
	background-color: #fdd123;
}
.Services_3 a:hover
{
	transition: all 0.5s;
	background-color: #fdd123;
}
.price_1 a:hover , .price_2 a:hover , .price_3 a:hover , .footer .links .book:hover
{
	background-color: #062637;
	color: #fdd123;

}
.shop .shop_1 a:hover , .shop_2 a:hover , .shop_3 a:hover
{
	background-color: #062637;
	color: #fdd123;

}

.Services_1 .line ,.Services_2 .line , .Services_3 .line
{
width: 12%;
height: 2px;
background-color: #0d425e;
display: inline-block;
vertical-align: middle;
margin-left: 20%;
}
.gallery
{
width:100%;
background-color: #0b2d41;
padding: 10% 5%;
}
.yellow_line
{
width: 7%;
height: 2px;
background-color: #fdd123;
display: inline-block;
vertical-align: middle;

}
.gallery h2
{
font-family: Poppins ;
font-size: 16px ;
font-weight: 300 ;
color:#fdd123 ;	
display: inline-block;
}
.gallery h3
{
font-family:'Fira Sans Condensed' ;
font-size: 50px ;
font-weight: 300 ;
color:#ffffff ;	
}
.gallery p
{
font-family:Poppins ;
font-size: 20px ;
font-weight: 500 ;
color:#ffffff ;	
padding-bottom: 8%;

}
.gallery_1
{
display: inline-block;
width: 46%;	
}
.gallery_1 img
{
width: 100%;	
}
.gallery_2
{
width:50%; 
display: inline-block;	
margin-left: 3%;
}
.gallery_2 ul
{
list-style-type: none;	
width: 100%;
padding: 0;
}
.gallery_2 li
{
display: inline;	
width: 50%;
}
.gallery_2 li img
{
display:inline-block; 
width: 45.5%;
padding: 0.5% 0.1% 0.5% 0.4%;
}
.pricing
{
width:100%;
padding: 10% 5% 10% 10%;
}
.pricing h2
{
font-size: 16px ;
font-family:Poppins ;
color:#0d425e ;
font-weight: 300 ;
text-align: center;

}
.pricing h3
{
font-size: 50px ;
font-family: 'Fira Sans Condensed' ;
color: #0d425e ;
font-weight: 500 ;
text-align: center;
}
.pricing p
{
font-size:20px ;
font-family: Poppins;
color:  #0d425e  ;
font-weight: 500 ;
text-align: center;
padding: 0 0 5% 0;
}
.price_1,.price_2,.price_3
{
display: inline-block;
width: 29%;
margin-right: 1%;
margin-left: 1%;
}
.price_1
{
background:url("../images/background/price-bg.jpg") no-repeat ;
background-position: 91% 48%;
}
.price_2 ul 
{
background:rgba(253,209,35, 0.8);		
}
.price_1 ul ,.price_3 ul
{
background-color: #eef3f5;	
padding: 0;
}
.price_1 ul li,.price_2 ul li,.price_3 ul li
{
padding: 6% 2% 2% 2%;
border-bottom: 1px solid #e1e1e1;
margin: 0 10%;
}
.price_2
{
background:url("../images/background/price-bg.jpg") no-repeat;
background-position: 91% 25%;
}
.price_3
{
background:url("../images/background/price-bg.jpg") no-repeat;	
background-position: 91% 48%;	
}
.pricing .price_1 h2,.price_2 h2,.price_3 h2
{
font-size:100px ;
font-family:'Fira Sans Condensed';
color:  #0d425e  ;
font-weight: 900 ;
background:rgba(253,209,35, 0.8);	
padding: 10% 0 0 0;
}
.price_1 sup,.price_2 sup,.price_3 sup
{
font-size: 50px ;
font-family:'Fira Sans Condensed' ;
font-weight: 300 ;
color:#0d425e; 	
}
.price_1 h3,.price_2 h3,.price_3 h3
{
font-size: 20px ;
font-family:'Fira Sans Condensed' ;
font-weight: 500 ;
color:#0d425e; 	
background:rgba(253,209,35, 0.8);
text-align: center;
padding-bottom: 8%;
}
.price_1 ul,.price_2 ul,.price_3 ul
{
list-style-type: none;
padding: 0;	

}
.price_1 ul li,.price_2 ul li,.price_3 ul li
{
font-size: 16px ;
font-weight: 300 ;
color: #598aa4 ;
font-family: Poppins ;	
padding: 9% 0 8% 0;

}
.price_1 ul li .fa-check ,.price_2 ul li .fa-check ,.price_3 ul li .fa-check
{
color:  #0d425e ;
}
.price_1 ul li i , .price_2 ul li i , .price_3 ul li i
{
padding:0 2%;
}
.price_1 ul li a , .price_2 ul li a,.price_3 ul li a
{
text-decoration: none;
border:1px solid #fdd123;
padding: 5% 11% ;
font-size: 16px;
font-family: Poppins;
font-weight: 500;
color: #0d425e;
background-color: #fdd123;
margin: 0 13%;
}
.price_2 ul li a
{
background-color: #ffffff;
border:1px solid #ffffff;

}
.shop
{
width: 100%;
background-color: #eef3f5;
padding: 10% 0;		
}
.shop_1,.shop_2,.shop_3
{
display: inline-block;
width: 25%;
margin: 0 1.5%;
}
.shop_2,.shop_3
{
background-color: #ffffff;
border:1px solid #e1e1e1;
padding: 0 0 5% 0;	
}
.shop_2 img ,.shop_3 img
{
width: 100%;	
}
.shop h3
{
font-size: 16px ;
font-weight: 300 ;
font-family: Poppins ;
color:#0d425e ;
display: inline-block;
}
.line
{
width: 10%;
height: 2px;
background-color: #0d425e;
display: inline-block;	
margin-left: 2%;
margin-right: 2%;
}
.shop h4
{
font-size: 50px ;
font-weight: 500 ;
font-family:'Fira Sans Condensed' ;
color:#0d425e ;
}
.shop p
{
font-family: Poppins ;
font-size: 20px;
font-weight:500 ;
color:#0d425e ;	
}
.shop .shop_2 p ,.shop .shop_3 p 
{
font-family: 'Fira Sans Condensed' ;
font-size: 21px;
font-weight:500 ;
color:#0d425e ;	
text-align:center;
padding: 4%  0 2% 0;
}
.shop .shop_2  i ,.shop_3 i
{
color: #fdd123;	
}
.shop_2 p.price , .shop_3 p.price
{
font-family: Poppins;
font-size: 16px;
font-weight: 300;
color: #598aa4;	
text-align: center;
padding-bottom: 7%;
}
.shop_2 a ,.shop_3 a
{
font-family: Poppins;
font-size: 16px;
font-weight: 500;
color: #062637;
text-decoration: none;	
border:1px solid #fdd123;
padding: 3% 8% ;
margin-top: 10%;
margin-left: 30%;
}
.shop_3 span , .shop_2 span
{
margin-left: 37%;
margin-top: 2%;
margin-bottom: 2%;
}
.shop_1 a
{
font-family: Poppins;
font-size: 16px;
font-weight: 500;
color: #062637;
text-decoration: none;	
border:1px solid #fdd123;
padding: 4% 15% ;
margin: 0;
background-color:#fdd123; 
}
.shop_1
{
margin-left: 8%;
padding-top: 0;
width: 27%;
vertical-align: top;

}
.shop_1 h3
{
padding-top: 19%;
padding-bottom: 3%;	
}
.shop_1 h4
{
padding-top: 5%;
padding-bottom: 5%;
}
.shop_1 p
{
padding: 0 0 8% 0;	
}
.test
{
width: 100%;
background-color: #ffffff;	
		padding: 5% 5% 0 10%;
font-size: 0;		
}
/*.test ul
{
padding: 0;
list-style-type: none;

}*/
.test .one ,.test .two ,.test .three,.test .four
{
display: inline-block;
width: 23%;	
background-color: #eef3f5;
margin-bottom: 5%;
vertical-align: top;

}
.test .two{
	padding: 2% 0 0 0;
}
.test .two i.fa-facebook
{
margin-left: 10%;	
}
.test .one img , .test .two img ,.test .three img , .test .four img
{
width: 100%;
}
.test .one h4 , .test .two h4 ,.test .three h4 ,.test .four h4
{
font-family: 'Fira Sans Condensed' ;
font-size:20px ;
font-weight: 500 ;
color: #0d425e;	
text-align: center;
padding: 0 0 0 0;
}
.test .one p ,.test .two p ,.test .three p ,.test .four p
{
font-family: Poppins ;
font-size:16px ;
font-weight: 300 ;
color:#598aa4;	
text-align: center;	
padding: 5% 0 10% 0;
}

.test  .one i.fa-angle-up , .three i.fa-angle-up
{
background-color: #0d425e;
padding: 4% 5%;
border-radius:25px;
color: #ffffff;
font-size: 24px;
margin-top: -23px;

}
.test  i.fa-angle-down
{
background-color: #0d425e;
padding: 0.8% 1%;
border-radius:25px;
color: #ffffff;
font-size: 24px;
margin-bottom: -23px;
margin-left: 1%;
vertical-align: middle;	
position: absolute;
margin-top: 4%;

z-index: 2;
text-align: center;
}

.test .one i , .two i , .three i , .four i
{
background-color: #fdd123;
padding: 1% 1.5%;
color: 	#0d425e;
border-radius: 25px;
font-size: 14px;

margin: 0 0.5%;

	
}
.test .one span,.two span, .three span, .four span
{
margin-left: 36%;
margin-top: 5%;	
margin-bottom: 10%;
padding-bottom: 5%;
}
/*footer section starts here*/
.footer
{
width: 100%	;
background-color:#0d425e;
padding: 7% 0 7% 9%;
}
.footer p
{
font-size: 50px ;
font-weight: 500;
font-family:'Fira Sans Condensed';
color:#ffffff ;
text-align:left;		
}
.footer p.join
{
font-size: 20px ;
font-weight: 500;
font-family: Poppins;
color:#ffffff ;
text-align:left;		
}
.footer input
{
margin: 4% 0; 
padding: 1% 25% 1% 1%;
font-size: 16px;
font-family: Poppins;
font-weight: 300;
color: #062637;
text-align: left;	
}
.footer .links a.book
{
font-family: Poppins;
font-size: 16px;
font-weight: 500;
color: #062637;
text-decoration: none;	
border:1px solid #fdd123;
padding: 1.18% 2% ;
margin: 0 1%;
background-color:#fdd123; 	
}
.links
{
width:100%; 	
}
.links ul 
{
display: inline-block;
padding: 0;
list-style-type: none;
width: 25%;	
}
ul.row_1
{
width: 27%;
vertical-align: top;
}
ul.row_2
{
width: 17%;
vertical-align: top;
margin-left: 5%;
}
ul.row_22
{
width: 20%;
vertical-align: middle;	
margin-top: 3.83%;
}
ul.row_2 li  , ul.row_22 li 
{
	border-bottom: 0.5px solid #598aa4;
	padding: 1.5% 3% 6% 0;
	margin-right: 15%;
	

}
ul.row_2 li:first-child

{
	border:none;
}
ul.row_3
{
	width: 25%;
	vertical-align: top;
	margin-left: 2.5%;
}
ul.row_3 li
{
width: 100%;	
}
ul.row_3 li img
{
width: 25%;	
}

ul.row_3 li img
{
display: inline;
}

ul.row_1 li
{
font-size:16px ;
font-weight: 300;
font-family:Poppins ;
color: #ffffff ;		
}
ul.row_1 li i
{
background-color: #fdd123;
padding: 1% 1.5%;
color: 	#0d425e;
border-radius: 25px;
font-size: 14px;	
margin-top: 10%;	
}
ul.row_1 li img
{
padding: 1% 0 4% 0;
}
ul.row_2 li h5 ,ul.row_3 li h5
{
font-size:30px ;
font-weight: 500;
font-family:'Fira Sans Condensed' ;
color: #ffffff ;

}


.links ul.row_2 li a ,.links ul.row_22 li a
{
text-decoration: none;
font-size: 16px;
font-weight: 300 ;
font-family: Poppins;
color:#ffffff ;



}
.copyright
{
width: 100%;
padding: 3% 0;
}
.copyright p
{
font-size: 16px ;
font-weight: 300;
font-family: Poppins;
color:#598aa4 ;

text-align: center;	
}
 .top_nav .menu  li a:hover
{

	color: #fdd123;
}
.top_nav .menu li a.active
{
	color: #fdd123;
}
.jumbotron a:hover
{
color: 	#fdd123;
	background-color: #0d425e ;
}
.about_1 a:hover , .about_1 a.learn:hover
{
	color: 	#fdd123;
	background-color: #0d425e ;
}
.owl-dots
{
	display: none;
}
.owl-nav 
{
	display: none;
}
.top_nav ul li.barr
{
	display: none;
}
.dropbtn {
	background-color: #3498DB;
	color: white;
	padding: 16px;
	font-size: 16px;
	border: none;
	cursor: pointer;
  }
  
  /* Dropdown button on hover & focus */
  .dropbtn:hover, .dropbtn:focus {
	background-color: #2980B9;
  }
  
  /* The container <div> - needed to position the dropdown content */
  .dropdown {
	position: relative;
	display: none;
  }
  
  /* Dropdown Content (Hidden by Default) */
  .dropdown-content {
	display: none;
	position: absolute;
	background-color: #f1f1f1;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
  }
  
  /* Links inside the dropdown */
  .dropdown-content a {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
  }
  
  /* Change color of dropdown links on hover */
  .dropdown-content a:hover {background-color: #ddd}
  
  /* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
  .show {display:block;} 
/* Responsive Part Start  */

@media(min-width:1200px) and (max-width:1348px)
{
.gallery_1 iframe , .gallery_2 img
{
	width: 100%;
}
.top_nav ul li.barr
{
	display: none;
}
.dropdown
{
	display: none;
}
}
@media (min-width: 992px) and (max-width:1199.98px) 
{

	.top_nav h1
	{
		padding-bottom: 4%;
	}
	.top_nav ul.menu
	{
		display: none;
	}
	.top_nav ul li.barr i 
	{
		font-size: 36px;
		
	}
	.top_nav ul li.barr
{
	display: inline-block;
	padding-left: 43rem;
    
}
.top_nav ul li:first-child
{
	display: none;
	
}
.Services_0 h3 {
    font-family: 'Fira Sans Condensed';
    font-size: 39px;
    font-weight: 500;
    color: #0d425e;
}
.Services_1 a, .Services_2 a, .Services_3 a
{
	margin-left: 8%;
	font-size: 14px;
}
.gallery_1 iframe , .gallery_2 img
{
	width: 100%;
}
.about_video iframe 
{
	width: 100%;
}
.dropbtn {
	background-color: transparent;
	color: white;
	padding: 16px;
	font-size: 32px;
	border: none;
	cursor: pointer;
  }
  
  /* Dropdown button on hover & focus */
  .dropbtn:hover, .dropbtn:focus {
	background-color: transparent;
  }
  
  /* The container <div> - needed to position the dropdown content */
  .dropdown {
	position: relative;
	display: inline-block;
  }
  
  /* Dropdown Content (Hidden by Default) */
  .dropdown-content {
	display: none;
	position: absolute;
	background-color: #0d425e ;
	
	min-width: 670px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
	left: -39rem;
	text-align: center;
	
  }
  
  /* Links inside the dropdown */
  .dropdown-content a {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
  }
  
  /* Change color of dropdown links on hover */
  .dropdown-content a:hover {background-color: #ddd}
  
  /* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
  .show {display:block;} 
}
@media (min-width: 768px) and (max-width:991.98px) {
	.top_nav h1
	{
		padding-bottom: 4%;
	}
	.top_nav ul.menu
	{
		display: none;
	}
	.top_nav ul li.barr i 
	{
		font-size: 36px;
		
	}
	.top_nav ul li.barr
{
	display: inline-block;
	padding-left: 32rem;
    
}
.top_nav ul li:first-child
{
	display: none;
	
}
.Services_0 h3 {
    font-family: 'Fira Sans Condensed';
    font-size: 39px;
    font-weight: 500;
    color: #0d425e;
}
.Services_1 a, .Services_2 a, .Services_3 a
{
	margin-left: 8%;
	font-size: 14px;
}
.gallery_1 iframe , .gallery_2 img
{
	width: 100%;
}
.about_video iframe 
{
	width: 100%;
}
.about_us .about_1
{
	width: 100%;
}
.about_us .about_video
{
	width: 100%;
}
.services .Services_0
{
	width: 100%;
}
.services .Services_1 , .services .Services_2
{
	width: 47%;
}
.services .Services_3
{
	display: none;
}
.Services_0
{
	display: block;
}
.shop .shop_1
{
	width: 100%;
	display: block;
}
.shop .shop_2 , .shop  .shop_3
{
	width: 46%;
	display: inline-block;
	
}
.gallery .gallery_1
{
	width: 100%;
}
.gallery .gallery_2
{
	width: 100%;
	margin-left: 0;
}
.gallery_2 ul
{
	text-align: center;
}
.pricing .price_1 , .pricing .price_2 , .pricing .price_3 
{
	width: 47%;
}
.pricing .price_3
{
	display: none;
}
.test .one, .test .two, .test .three, .test .four
{
	width: 47%;
}
.footer ul 
{
	width: 100%;
	margin: 0 ;
}
.about_video iframe {
    width: 94%;
}
.test .one{
	padding-bottom: 6%;
}
.test .two 
{
	padding-top: 6%;
}
.test .three 
{
	display: none;
}
.test .four
{
	display: none;
}
.jumbotron .item h3 
{
	font-size: 100px;
	text-align: center;
}
.jumbotron .item h2 
{
	text-align: center;
}
.jumbotron .item p 
{

	text-align: center;
}
.jumbotron .item a 
{
	text-align: center;
}
.about_us .about_1
{
	padding-bottom: 5%;
}
.gallery , .shop
{
	text-align: center;
}
.Services_0
{
	text-align: center;
}
.Services_0 p 
{
	padding-bottom: 0;
}
.shop .shop_1 
{
	margin-left: 0;
	padding-bottom: 10%;
}
.Services_0 h3 br 
{
	display: none;
}
.Services_0 p br 
{
	display: none;
}
.shop_1 a
{
	padding: 3% 10%;
}
.jumbotron .item a 
{
	display: block;
	width: 30%;
}
.jumbotron .item h2 
{
	padding-top: 6%;
}
.services 
{
	padding-left: 2%;
}
.dropbtn {
	background-color: transparent;
	color: #ffffff;
	padding: 8px;
	font-size: 32px;
	border: none;
	cursor: pointer;
  }
  
  /* Dropdown button on hover & focus */
  .dropbtn:hover, .dropbtn:focus {
	background-color: transparent;
  }
  
  /* The container <div> - needed to position the dropdown content */
  .dropdown {
	position: relative;
	display: inline-block;
  }
  
  /* Dropdown Content (Hidden by Default) */
  .dropdown-content {
	display: none;
	position: absolute;
	background-color: #0d425e ;
	
	min-width: 670px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
	left: -39rem;
	text-align: center;
	
  }
  
  /* Links inside the dropdown */
  .dropdown-content a {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
  }
  
  /* Change color of dropdown links on hover */
  .dropdown-content a:hover {background-color: #ddd}
  
  /* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
  .show {display:block;}
}
@media (min-width: 576px) and (max-width:767.98px)
{

	.top_nav h1
	{
		padding-bottom: 7%;
		width: 13%;
	}
	.top_nav ul.menu
	{
		display: none;
	}
	.top_nav ul li.barr i 
	{
		font-size: 24px;
		
	}
	.top_nav ul li.barr
{
	display: inline-block;
	padding-left: 23rem;
    
}
.top_nav ul li:first-child
{
	display: none;
	
}
.Services_0 h3 {
    font-family: 'Fira Sans Condensed';
    font-size: 39px;
    font-weight: 500;
    color: #0d425e;
}
.Services_1 a, .Services_2 a, .Services_3 a
{
	margin-left: 8%;
	font-size: 14px;
}
.gallery_1 iframe , .gallery_2 img
{
	width: 100%;
}
.about_video iframe 
{
	width: 100%;
}
.about_us .about_1
{
	width: 100%;
}
.about_us .about_video
{
	width: 100%;
}
.services .Services_0
{
	width: 100%;
}
.services .Services_1 , .services .Services_2
{
	width: 47%;
}
.services .Services_3
{
	display: none;
}
.Services_0
{
	display: block;
}
.shop .shop_1
{
	width: 100%;
	display: block;
}
.shop .shop_2 , .shop  .shop_3
{
	width: 46%;
	display: inline-block;
	
}
.gallery .gallery_1
{
	width: 100%;
}
.gallery .gallery_2
{
	width: 100%;
	margin-left: 0;
}
.gallery_2 ul
{
	text-align: center;
}
.pricing .price_1 , .pricing .price_2 , .pricing .price_3 
{
	width: 47%;
}
.pricing .price_3
{
	display: none;
}
.test .one, .test .two, .test .three, .test .four
{
	width: 47%;
}
.footer ul 
{
	width: 100%;
	margin: 0 ;
}
.about_video iframe {
    width: 94%;
}
.test .one{
	padding-bottom: 6%;
}
.test .two 
{
	padding-top: 6%;
}
.test .three 
{
	display: none;
}
.test .four
{
	display: none;
}
.jumbotron .item h3 
{
	font-size: 50px;
	text-align: center;
}

.jumbotron .item h2 
{
	text-align: center;
	font-size: 24px;
}
.jumbotron .item p 
{

	text-align: center;
}
.jumbotron .item a 
{
	text-align: center;
}
.about_us .about_1
{
	padding-bottom: 5%;
}
.gallery , .shop
{
	text-align: center;
}
.Services_0
{
	text-align: center;
}
.Services_0 p 
{
	padding-bottom: 0;
}
.shop 
{
	padding: 5% 0;
}
.shop .shop_1 
{
	margin-left: 0;
	padding-bottom: 10%;
}
.Services_0 h3 br 
{
	display: none;
}
.Services_0 p br 
{
	display: none;
}
.shop_1 a
{
	padding: 3% 10%;
}
.jumbotron .item a 
{
	display: block;
	width: 30%;
}
.jumbotron .item h2 
{
	padding-top: 6%;
}
.services 
{
	padding-left: 2%;
}
.shop_1 h3 
{
	padding-top: 0;
}
.about_us , .advantage ,.services , .gallery , .pricing , .shop ,.test
{
	padding-top: 80px;
	padding-bottom: 80px;
}
.dropbtn {
	background-color: transparent;
	color: white;
	padding: 3px;
	font-size: 24px;
	border: none;
	cursor: pointer;
  }
  
  /* Dropdown button on hover & focus */
  .dropbtn:hover, .dropbtn:focus {
	background-color: transparent;
  }
  
  /* The container <div> - needed to position the dropdown content */
  .dropdown {
	position: relative;
	display: inline-block;
  }
  
  /* Dropdown Content (Hidden by Default) */
  .dropdown-content {
	display: none;
	position: absolute;
	background-color: #0d425e ;
	
	min-width: 670px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
	left: -39rem;
	text-align: center;
	top: 3.9rem;
	transition: all 1s ease-in;
	
  }
  
  /* Links inside the dropdown */
  .dropdown-content a {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
  }
  
  /* Change color of dropdown links on hover */
  .dropdown-content a:hover {background-color: #ddd}
  
  /* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
  .show {display:block;}


}
@media (min-width:320px) and (max-width: 575.98px) 
{
	body
	{
		overflow-x: hidden;
	}

	.top_nav h1
	{
		padding-bottom: 11%;
		width: 24%;
	}
	.top_nav ul.menu
	{
		display: none;
	}
	.top_nav ul li.barr i 
	{
		font-size: 24px;
		
	}
	.top_nav ul li.barr
{
	display: inline-block;
	padding-left: 8rem;
    
}
.top_nav ul li:first-child
{
	display: none;
	
}
.Services_0 h3 {
    font-family: 'Fira Sans Condensed';
    font-size: 39px;
    font-weight: 500;
    color: #0d425e;
}
.Services_1 a, .Services_2 a, .Services_3 a
{
	margin-left: 15%;
	font-size: 14px;
}
.gallery_1 iframe , .gallery_2 img
{
	width: 100%;
}
.about_video iframe 
{
	width: 100%;
}
.about_us .about_1
{
	width: 100%;
}
.about_us .about_video
{
	width: 100%;
}
.services .Services_0
{
	width: 100%;
}
.services .Services_1 , .services .Services_2
{
	width: 47%;
}
.services .Services_3
{
	display: none;
}
.Services_0
{
	display: block;
}
.shop .shop_1
{
	width: 100%;
	display: block;
}
.shop .shop_2 , .shop  .shop_3
{
	width: 46%;
	display: inline-block;
	
}
.gallery .gallery_1
{
	width: 100%;
}
.gallery .gallery_2
{
	width: 100%;
	margin-left: 0;
}
.gallery_2 ul
{
	text-align: center;
}
.pricing .price_1 , .pricing .price_2 , .pricing .price_3 
{
	width: 47%;
}
.pricing .price_3
{
	display: none;
}
.test .one, .test .two, .test .three, .test .four
{
	width: 100%;
}
.footer ul 
{
	width: 100%;
	margin: 0 ;
}
.about_video iframe {
    width: 94%;
}
.test .one{
	padding-bottom: 6%;
}
.test .two 
{
	padding-top: 6%;
}
.test .three 
{
	display: none;
}
.test .four
{
	display: none;
}
.jumbotron .item h3 
{
	font-size: 46px;
	text-align: center;
}

.jumbotron .item h2 
{
	text-align: center;
	font-size: 24px;
}
.jumbotron .item p 
{

	text-align: center;
}
.jumbotron .item a 
{
	text-align: center;
}
.about_us .about_1
{
	padding-bottom: 5%;
}
.gallery , .shop
{
	text-align: center;
}
.Services_0
{
	text-align: center;
}
.Services_0 p 
{
	padding-bottom: 0;
}
.shop 
{
	padding: 5% 0;
}
.shop .shop_1 
{
	margin-left: 0;
	padding-bottom: 10%;
}
.Services_0 h3 br 
{
	display: none;
}
.Services_0 p br 
{
	display: none;
}
.shop_1 a
{
	padding: 3% 10%;
}
.jumbotron .item a 
{
	display: block;
	width: 55%;
	padding: 5%;
}
.jumbotron .item h2 
{
	padding-top: 6%;
}
.services 
{
	padding-left: 2%;
}
.shop_1 h3 
{
	padding-top: 0;
}
.about_us , .advantage ,.services , .gallery , .pricing , .shop ,.test
{
	padding-top: 80px;
	padding-bottom: 80px;
}
.about_us .about_1 h3 ,.advantage h3 , .services h3, .pricing h3 ,.shop h4
{
	font-size: 2.3rem;
	text-align: center;


}
.about_us .about_1  p br , .advantage p br
{
	display: none;
}
.about_us .about_1 p , .advantage p , .advantage ul li , .advantage h2, .services h3
{
	text-align: center;
}
.about_us .about_1 .linee
{
	display: none;
}
.about_us .about_1 h2 
{
	text-align: center;
	display: block;
}
.about_us .about_1 p.para {
    font-family: Poppins;
    font-size: 15px;
    color: #4c778d;
    font-weight: 300;
    text-align: center;
    padding: 2% 2% 4% 2%;
    display: inline-block;
    width: 97%;
}
.about_us .about_1 a ,.about_us .about_1 a.learn
{
	display: block;
	width: 85%;
	margin: auto;
	text-align: center;
	margin-top: 4%;
}
.about_us 
{
	padding-left: 0;
	padding-right: 0;
}
.about_us .about_video 
{
	padding-left: 0 ;
	padding-right: 0;
	margin-left: 3%;
}
.services .Services_1 , .services .Services_2 , .services .Services_3 , .pricing .price_1 , .pricing .price_2, .pricing .price_3 , .shop .shop_2 , .shop .shop_3
{
	width: 96%;
	margin-bottom: 20px;
	
}
.gallery .gallery_2 ul li 
{
	display: block;
	width: 100%;
}
.gallery .gallery_2 ul li img 
{
	width: 100%;
}
.jumbotron #item1 , .jumbotron #item2 , .jumbotron #item3
{
	padding-top: 65%;
}
.services .Services_1 h3 , .services .Services_2  h3, .services .Services_3 h3
{
padding-left: 4%	;
}
.shop .shop_2 span , .shop .shop_3 span , .shop .shop_3 a , .shop .shop_2 a
{
	margin-left: 0;
}
.shop .shop_2 
{
	margin-bottom: 20px;
}
.footer .links  input 
{
	display: block;
	margin: auto;
	width: 70%;
	margin-bottom: 15px;
	margin-top: 15px;
}
.footer .links a.book
{
	display: block;
	margin: auto;
	
	width: 50%;
}
ul.row_1 li {
    font-size: 12px;
    font-weight: 300;
    font-family: Poppins;
    color: #ffffff;
}
.dropbtn {
	background-color: transparent;
	color: white;
	padding: 3px;
	font-size: 24px;
	border: none;
	cursor: pointer;
  }
  
  /* Dropdown button on hover & focus */
  .dropbtn:hover, .dropbtn:focus {
	background-color: transparent;
  }
  
  /* The container <div> - needed to position the dropdown content */
  .dropdown {
	position: relative;
	display: inline-block;
  }
  
  /* Dropdown Content (Hidden by Default) */
  .dropdown-content {
	display: none;
	position: absolute;
	background-color: #0d425e ;
	
	min-width: 250px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
	left: -13rem;
	text-align: right;
	top: 3.7rem;
	transition: all 1s ease-in;
	
  }
  
  /* Links inside the dropdown */
  .dropdown-content a {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
  }
  
  /* Change color of dropdown links on hover */
  .dropdown-content a:hover {background-color: #ddd}
  
  /* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
  .show {display:block;}


}
/* Responsive Part End */