/*@media screen and (min-width: 992px)
	{
		.top .container
			{
				width: 95%;
			}
	}*/

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

		.top-contact .wrapper-top-contact
			{
				margin: 0;
				padding: 0;
				display: grid;
				grid-template-columns: 1fr 1fr;
				grid-auto-rows: minmax(10px , auto);
			}

		.top-contact .wrapper-top-contact .menu-sm
			{
				grid-column: 1/3;
				grid-row: 2/3;
			}

		.top-contact .wrapper-top-contact .icon
			{
				grid-column: 2/3;
				grid-row: 1/2;
			}

	}


@media screen and (max-width: 1200px)
	{
		.hom-room-white
			{
				height: 44.8%;
			}
	}

@media screen and (max-width: 1017px)
	{
		.hom-cho .hom-cho-wrapper
			{
				grid-template-columns: 1fr 1fr 1fr;
			}
	}

@media screen and (max-width: 1044px)
	{
		.top-contact .wrapper-top-contact .box-cont h5
			{
				font-size: 14px;
			}

		.top-contact .wrapper-top-contact .icon ul li
			{
				font-weight: 300;
				font-size: 14px;
				width: 35px;
				height: 35px;
				padding: 5px 0px 0 0 ;
			}

	}




@media screen and (max-width: 992px)
	{
		.wrapper-hom-serv .boxx
			{
				padding: 50px 15px;
				background-size: cover !important;
			}

		.hom-room-white
			{
				height: 49.3%;
			}

		.hom-book h1
			{
				font-size: 30px;
				line-height: 35px;
			}
	}

@media screen and (max-width: 990px) and (min-width: 768px)
	{

		.nav > li > a 
			{
			    position: relative;
			    display: block;
			    padding: 20px 0px 5px;
			    font-size: 13px;
			}

		.navbar-nav
			{
				width: 652px;
			}
	}

/*@media screen and (max-width: 845px)
	{
		.hom-cho .hom-cho-wrapper
			{
				grid-template-columns: 1fr 1fr 1fr;
			}
	}*/

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

		
		.cap h1
			{
				font-size: 30px;
				padding: 20px 30px;
			}

		.hom-room-white
			{
				height: 0%;
				overflow: hidden;
			}

		.hom-book p
			{
				width: 100%;
			}

		.hom-abt h6
			{
				width: 100%;
			}

		.branch-abt h6
			{
				width: 100%;
			}

		.mission h6
			{
				width: 100%;
			}


		.footer-wrapper
			{
				display: grid;
				grid-template-columns: 1fr 1fr;
				grid-auto-rows: minmax(80px , auto);
				grid-gap: 30px;
				border-bottom: 1px solid #fff;
				padding-bottom: 20px;
				margin-bottom: 20px;
			}

		.footer-wrapper .foot-box:first-child
			{
				grid-row: 2/3;
				grid-column: 1/3;
			}

		.footer-wrapper .foot-box:last-child
			{
				grid-row: 1/2;
				grid-column: 1/2;
			}

		.navbar-default  .navbar-nav .open .dropdown-menu li a
			{
				color: #fff;
			}

		.navbar-default  .navbar-nav .open .dropdown-menu 
			{
				background: #003462;
			}

		.navbar-default  .navbar-nav .open .dropdown-menu li a:hover
			{
				color: #003462;
				background: #fff; 
			}

		.hom-cho .hom-cho-wrapper
			{
				grid-template-columns: 1fr 1fr;
			}

		.branch-con-wrapper
			{
				grid-template-columns: 1fr ;
				grid-gap: 30px;
			}
	}


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

		.hom-serv
			{
				margin: 0;
				padding: 40px 0 0;
			}

		.hom-serv h1
			{
				margin: 0;
				padding: 0px 0 40px ;
				font-size: 30px;
			}

		/*.hom-room 
			{
				padding: 40px 0;
			}

		.hom-room h1
			{
				font-size: 30px;
				padding-bottom: 40px;
			}*/

		.hom-abt
			{
				margin: 0;
				padding: 40px 0 50px;
			}

		.hom-abt h1
			{
				margin: 0;
				padding: 0px 0 40px ;
				font-size: 30px;
			}

		.branch-abt
			{
				margin: 0;
				padding: 40px 0 50px;
			}

		.branch-abt h1
			{
				margin: 0;
				padding: 0px 0 40px ;
				font-size: 30px;
			}

		.branch-contact
			{
				margin: 0;
				padding: 40px 0 30px;
			}

		.hom-cho 
			{
				padding: 50px 0;
			}

		.mission
			{
				padding: 40px 0;
			}

		.mission h1
			{
				font-size: 30px;
				padding-bottom: 40px;
			}

		.admission
			{
				padding: 40px 0;
			}

		.admission h1
			{
				font-size: 30px;
				padding-bottom: 40px;
			}


		.hom-cho h1
			{
				font-size: 30px;
				padding-bottom: 40px;
			}

		.hom-book 
			{
				padding: 80px 0;
			}

		

		.hom-gallery 
			{
				padding: 40px 0 50px;
			}

		.hom-gallery h1
			{
				font-size: 30px;
			}

		.booking
			{
				padding: 40px 0;
			}

		.contact
			{
				padding: 40px 0;
			}

		.contact h1
			{
				font-size: 30px;
				padding-bottom: 40px;
			}

		.contact-wrapper
			{
				grid-template-columns: 1fr;
			}

		.contact-wrapper .left
			{
				padding: 30px 15px;
			}

		.contact-wrapper .left h3
			{
				padding-bottom: 30px;
			}

		.contact-wrapper .left .cnt
			{
				width: 100%;
			}

		.wrapper-hom-serv
			{
				grid-template-columns: 1fr ;
				grid-auto-rows: minmax(200px, auto)
			}

		.wrapper-hom-serv .boxx:nth-child(3)
			{
				grid-row: 4/5 !important; 
				grid-column: 1/2 !important;
			}

		.wrapper-hom-serv .boxx:nth-child(4)
			{
				grid-row: 3/4 !important; 
				grid-column: 1/2 !important;
				background: green 
			}

		/*.welcome-area .cap h5 
			{
			    font-size: 20px;
			    margin: 0;
			    padding: 20px 60px;
			    letter-spacing: 1px;
			    font-weight: 700;
			    font-family: 'Roboto Slab', serif;
			    color: #000;
			    display: inline-block;
			    background: rgb(255,255,255,0.7);
			}*/
	}


@media screen and (max-width: 605px)
	{
		/*.hom-cho .hom-cho-wrapper
			{
				grid-template-columns: 1fr 1fr;
			}*/

		.welcome-area-banner 
			{
				padding: 200px 0 200px;
			}

		.welcome-area-banner .cap h5 
			{
			    font-size: 25px;
			    padding: 20px 30px;
			}
	}

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

		/*.cap h1
			{
				font-size: 20px;
				padding: 20px 15px;
			}

		.cap h1 i:first-child
			{
				margin-right: 15px;
			}

		.cap h1 i:last-child
			{
				margin-left: 15px;
			}*/

		.top-contact .wrapper-top-contact
			{
				margin: 0;
				padding: 0;
				display: grid;
				grid-template-columns: 1fr .5fr;
			}

		.box-cont:nth-child(1)
			{
				grid-column: 1/2;
				grid-row: 1/2;
			}



		.footer-wrapper .foot-box .cnt-footer h4
			{
				font-size: 14px;
				font-weight:300;
			}

		.footer-wrapper
			{
				display: grid;
				grid-template-columns: 1fr;
				grid-auto-rows: minmax(50px ,auto)
			}

		.footer-wrapper .foot-box:first-child
			{
				grid-row: 1/2;
				grid-column: 1/2;
			}

		.footer-wrapper .foot-box:last-child
			{
				grid-row: 3/4;
				grid-column: 1/2;
			}
	}

@media screen and (max-width: 422px)
	{
		.top-contact
			{
				padding-bottom: 0px;
			}

		.hom-cho .hom-cho-wrapper
			{
				grid-template-columns: 1fr;
			}

	
	}

@media screen and (max-width: 400px)
	{
		.contact .col-xs-6
			{
				width: 100%;
			}

		.cap h1
			{
				font-size: 25px;
				padding: 20px 15px;
			}

	}

@media screen and (max-width: 335px)
	{
		.wrapper-top-contact .icon ul li 
			{
			    font-weight: 300;
			    font-size: 11px !important;
			    width: 30px !important;
			    height: 30px !important;
			    padding: 0px 0px 0 0;
			    background: red;
			    margin-right: 8px !important;
			}

		.wrapper-top-contact .icon ul li a
			{
				line-height: 11px;
			}
	}