@import url("http://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.5.4/bootstrap-select.min.css");
@import url("http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,300,400,700");
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

/*
Common Responsive
================================
WD : CPG
=================================
Date: 
==================================
Domain:
==================================

*/


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

	.nav-tabs .nav-link {
		font-size: 13px;
	}
	.menubar {
		/* width: 100%; */
		padding-right: 0px !important;
		padding-left: 0px !important;
		/* margin-right: auto; */
		/* margin-left: auto; */
	}

}


@media screen and (max-width: 500px){
	
	.boxTop p{
		line-height:30px;
	}
	
	
}





@media screen and (max-width: 575px){
	.navbar-expand-lg .navbar-nav .nav-link {
		font-family: Playfair Display;
		text-align: center;
	}
	.cpgheading::before{
	display:none !important;
	}
	.featured-box-col2 .topHeading2, .featured-box-col2 .topHeading{
		
		    padding-left: 8px;
		
	}
	
	
	
	#header .learn-btn{

	margin-bottom:24px;
	}

	#tabcard2{
		    background: #252525;
			padding: 45px 0px 95px; 
		}
	#about-small .boxcard-main2{
		text-align:center;
	}
	
	#about-small .card{
		   
		border: 0px solid rgba(0,0,0,.125) !important;
		background-color: #f7f7f7;
	}
	
	
	#about-small .pss-step-number{
		display:none;
		
	}
	
	

	
	 #about-small .card-body, #about-small .card-footer{
		 text-align:center;
	 }
	#about-small .card-footer .btn-bg5{
		margin:auto;
	}
	
	
	
	.privacytext{
	    padding: 0px 8px 0px;
	}
	
	#tabcard .topHeading {
		color: #fff;
		margin-bottom: 15px;
		font-size:25px;
	}
	
	
	
	.leftBox {
		margin-top: 70px;
	}
	
	
	
	.nav-tabs .nav-link.active .titlehrtab {
		position: inherit;
		z-index: 59;
		margin: auto;
		height: 2px;
		width: 50%;
		border: 0px solid rgb(0, 0, 0);
		margin-top: 12px;
		margin-bottom: 0px;
		background-color: #ff9800;;
	}
	.nav-tabs .nav-item{
			text-align:center;
		    width: 100%;
			margin-bottom: 1px !important;
		}
	
	
	
	#tabcard{
		    background: #1f1f1f;
			padding: 25px 0px 25px;
		}
	
	
	
	.mobclear20{
		padding-top: 20px;
    padding-bottom: 20px;
	clear:both;
	background-color: #f7f7f7;
		
	}
	
	
	
		
	.featured-box-col2 p{
		  margin-left:10px;
	  }
	
	.bdrclr .topHeading{
		padding-top:15px;
	}
	
	
	.form_Outer, .form_Outerr {
		
		/* margin-left: 12px; */
		/* margin-right: 12px; */
		/* margin-top: 10px; */
	}
	.slidingBox{
		
	    margin-top: 26px;
		position: relative;
		
	}
	
	
	
	.card2{
		margin-top: 25px;
	}
	
	
	.maxmt575{
		margin-top:30px;
	}
	.rightBoxInner {
		padding: 15px;
		border: 0px solid rgb(0, 0, 0);	
	}
	.card-deck .card-new {
		margin-right: 35px !important;
		margin-left: 35px !important;
	}
	
	.card-body {
		/* padding:1.25rem  0rem 1.25rem 0rem !important; */
		
		  
	}
		 .logoDetails{
			display:none !important;
		}	
	 
}

@media screen and (min-width: 576px){
	.teambox{
		padding:18px 65px 0px 0px;
	}
	.gallery-row{
		
		margin-top:25px;
	
		
	}
	.clearmin20-576{
		padding-top: 20px;
		padding-bottom: 20px;
		clear: both;
		background-color: #f7f7f7;
	}
	
	#about-small .boxcard-main{
		    border-top: 2px solid #ff9800;;
			/* color: black; */
			padding: 30px 10px 30px;
		
		
	}
	
	#about-small .card{
		   
		border: 0px solid rgba(0,0,0,.125) !important;
		background-color: #f7f7f7;
	}
	
	
	#about-small .pss-step-number{
		display: block;
		position: relative;
		margin-bottom: 23px;
		line-height: 1;
		position: absolute;
		top: -40px;
		left: 23px;
		width: 30px;
		font-weight: 700;
		text-align: center;
	}
	
	#about-small .pss-step-number span {
		position: relative;
		font-weight: 600;
		text-align: center;
		font-size: 18px;
		line-height: 1;
		color:#ff9800;;
		display: block;
		-webkit-transition: all 250ms ease-in-out;
		-moz-transition: all 250ms ease-in-out;
		-o-transition: all 250ms ease-in-out;
		transition: all 250ms ease-in-out;
	}
	
	#about-small .container .card-body:before {
	
		content: '';
		width: 36px;
		height: 36px;
		background: #f7f7f7;
		border: 2px solid #ff9800;;
		border-radius: 50%;
		position: absolute;
		top: -49px;
	}
	
	
	
	#about-small .container .cardex:before {
		background: #0070be !important;
	}
	
	
	.privacytext{
	    padding: 0px 20px 0px;
	}
	#tabcard{
		    background: #1f1f1f;
			padding: 45px 0px 95px; 
		}
	
	#tabcard2{
		    background: #1f1f1f;
			padding: 65px 0px 95px; 
		}
	
	
	
	#tabcard .topHeading {
		color: #fff;
		margin-bottom: 30px;
	}
	
	
	.clearwhitedesk15{
		padding-top: 15px;
		padding-bottom: 15px;
		clear:both;
		background-color: #fff;
	}
  
			
.nav-tabs .nav-link.active .titlehrtab {
		position: inherit;
		z-index: 59;
		margin: auto;
		height: 2px;
		width: 100%;
		border: 0px solid rgb(0, 0, 0);
		margin-top: 12px;
		margin-bottom: 0px;
		background-color: #ff9800;;
	}
	
	
	
}
 @media only screen and (min-width:576px) and (max-width:767px) {
	 .navbar-expand-lg .navbar-nav .nav-link {
    font-family: Playfair Display;
    text-align: center;
}
	 .cpgheading::before{
	display:none !important;
	}
	 .rightBoxInner{
			    padding: 0px 0px 30px 0px;
			border: 0px solid rgb(0, 0, 0);
		
			
	   }
	 	
		 	
}

 @media only screen and (min-width:768px) and (max-width:991px) {
	 .cpgheading::before{
	display:none !important;
	}
	 
	 
		 .row-wrap-2{
			
			margin-right:0px;
			margin-left:0px;
		}
	
	 	 .rightBoxInner{
			padding:10px;
			border: 0px solid rgb(0, 0, 0);	
	   }
	   .icontft {
			width: 100%;
			float: left;
			font-size: 11px;
			padding: 2%;
			height: auto;
			background-color: #fb8800;
			color: #fff;
		}
		.icontft span, .icontft h4 {
			display: inline-block;
			vertical-align: text-bottom;
			font-size: 20px;
			color: #fff;
		}	
		.text {
			float: left;
			width: 98% !important;
			margin-left: 1%;
		}	
		.text h4 {
			display: none;
		}		
		  
}
 @media only screen and (min-width:992px) and (max-width:1199px) {
	.cpgheading::before{
	display:none !important;
	}
	 	 .rightBoxInner{
			padding:20px;
			border: 0px solid rgb(0, 0, 0);	
	   }
		  .icontft {
			width: 20%;
			float: left;
			padding: 4%;
			height: 100% !important;
			background-color: #fb8800;
			color: #fff;
		}
		
		.nav-tabs .nav-link.active > .arrow-downv {
			width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 10px solid #ff9800;
    margin: 8px 0px 0px 65px;
    position: absolute;
		}
		
		
		
		.Conv-center .outer-wrapper {
			border: 3px solid #303744;
			position: relative;
			    height: 141px;
			cursor: auto;
			/* background: #ffefef; */
			margin-bottom: 10px;
			-webkit-transition: all 0.2s ease-in-out;
			-moz-transition: all 0.2s ease-in-out;
			-o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
		}
				  
	  .outer-wrapper .text {
			float: left;
			width: 78%;
			height: 100%;
			margin-left: 1%;
			padding: 7px;
		}
		.text p {
			line-height: 18px !important;
			font-size:15px;
		}
		.icontft span, .icontft h4 {
				display: none;
			}
			
}


 @media only screen and (min-width:768px) and (max-width:1199px) {
	
	 
	 
	 
	 .logoDetails{
			display:none !important;
		}	
	 
	 
	
	.banner {
		padding: 114px 50px 114px 50px;
		/* background-image: url(../images/registration.jpg); */
		background-repeat: no-repeat;
		height: 100%;
		/* border: 3px solid #fff; */
	}	  
		
		#weather-report {
			border: 10px double #ff9800;;
			color: #fff;
			font-size: 20px;
			padding: 70px 0px 70px 0px;
			background-color: rgba(0, 0, 0, 0.5686274509803921);
		}
		  
}
	


@media screen and (max-width: 767px){
	#headernew{
		    padding-top: 10px;
		
	}
	
	#header2 h4 {
    margin: 0px;
    padding: 15px 0px 15px;
    text-decoration: none;
    font-weight: 400;
    /* font-style: normal; */
    transition: all 0.5s 4.25s;
    color: #ffffff;
    font-size: 42px;
    text-align: left;
}
		.boxTop h5 {
			margin: 0px;
			padding: 12px 0px 12px;
			font-weight: normal;
			font-family: Playfair Display;
			/* text-decoration: none; */
			font-style: normal;
			text-align: left;
			direction: ltr;
			font-size: 27px;
				color: rgba(255, 255, 255, 0.9);
		}
			
	
	
	
	.boxTop h1{
		margin: 0px;
		padding: 0px;
		font-weight: normal;
		text-decoration: none;
		font-style: normal;
		font-family: Playfair Display;
		transition: all 0.5s 4.25s;
		color: #ffffff;
		font-size: 28px;
		
	}
	
	
	
	form[name="contForms"], form[name="ghbForm"], form[name="regForms"], form[name="gmsForms"] {
		padding: 10px 15px 10px;
	}
	
	
	 .close{
		 color:#000 !important;
		 margin-top: 10px;
	 }
	
	  .close .fa:hover{
			 color:red !important;
			
		 }
			
	
	.closeBtnpc{
		
		display:none !important;
	}
		.leftBox2{
			padding: 15px 10px 0px;
		}
	
	.colmdLeft{
		background:#fff;
	}
	
	#gmsDetails .form-row, #ghBooking .form-row{
		/* margin-right: 7px !important; */
		/* margin-left: 7px !important; */
		
	}
	
	.clearbg20{
	padding-top: 20px;
    padding-bottom: 20px;
	clear:both;
	background-color: #f7f7f7;
	
	
}
.clear_max_575{
	margin-bottom:25px;
	margin-top:25px;
}
	
	#aboutsection h2 {
		
		font-size: 22px !important;
	}
		
	.about_icon_section{
		text-align:center;
	}
	.learn-btn{
		margin-top:20px;
		  
	}
	
	
	
	
	
	.maxClr767{
		margin-top: 40px;
	}

	.maxClrblue{
		padding-top: 10px;
		padding-bottom: 10px;
		clear:both;
		background-color: rgb(5, 35, 61);
	}
	
	
	.circleIcon{
		display:none !important;
	}
		#venue-details img {
			/* padding-top: 20px; */
		}
	
	.icontft {
		width: 100%;
		float: left;
		font-size: 9px;
		padding: 1%;
		height: auto;
		background-color: #fb8800;
		color: #fff;
	}
		
	.icontft span, .icontft h4 {
		display: inline-block;
		font-size: 20px;
		line-height: 15px;
		color: #ffff;
		vertical-align: middle;
	}
	.text {
		float: left;
		width: 98% !important;
		margin-left: 1%;
	}
	
	.text p{
		padding-top: 7px;
	}
	.text h4 {
		display: none;
	}
	.icontft i {
		margin-left: 5px;
		vertical-align: middle;
	}
		
	.banner {
		    padding: 70px 25px 70px 25px;
		background-image: url(../images/registration.jpg);
		background-repeat: no-repeat;
		height: 100%;
		/* border: 3px solid #fff; */
	}	  
		
		#weather-report {
			border: 10px double #ff9800;;
			color: #fff;
			font-size: 20px;
			padding: 70px 0px 70px 0px;
			background-color: rgba(0, 0, 0, 0.5686274509803921);
		}
		
		.jumbotron_header_two h2 {
			margin: 0 0 25px 0 !important;
			font-weight: 400;
			letter-spacing: 1px;
			/* font-size: 36px; */
			/* color: #7dd9ff; */
			/* font-weight: bold; */
			text-align: center;
			padding: 35px 0px 5px;
		}
				
			
		
}


@media screen and (min-width: 768px){
	
	
	#headernew{
		    padding-top: 25px;
		
	}
	
	
	#section-3 .col-md-4{
		padding-right: 32px;
	}
		
	
	
	.footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns { 
		border-left:solid 1px rgba(255,255,255,0.10); 
	}
	
	
	
	.dropdown-menu {
			/* top: 97% !important; */
			/* -webkit-transition: all 0.2s ease-in-out; */
			/* -moz-transition: all 0.2s ease-in-out; */
			/* -o-transition: all 0.2s ease-in-out; */
			/* transition: all 0.2s ease-in-out; */
			/* min-width: 14rem !important; */
			
	}
	
	
	.dropdown:hover>.dropdown-menu {
		/* top: 97% !important; */
	  /* display: block; */
	  /* -webkit-transition: all 0.2s ease-in-out; */
			/* -moz-transition: all 0.2s ease-in-out; */
			/* -o-transition: all 0.2s ease-in-out; */
			/* transition: all 0.2s ease-in-out; */
	}
		
	
			
		.boxTop h5 {
			margin: 0px;
			padding: 0px;
			font-weight: normal;
			font-family: Playfair Display;
			/* text-decoration: none; */
			font-style: normal;
			text-align: left;
			direction: ltr;
			font-size: 31px;
				color: rgba(255, 255, 255, 0.9);
		}
	
	.boxTop h1{
		margin: 0px;
		padding: 0px;
		
		text-decoration: none;
		font-style: normal;
		
		transition: all 0.5s 4.25s;
		color: #ffffff;
		font-size: 40px;
		
	}
	
		#header2 h4{
		margin: 0px;
		padding: 15px 0px 15px;
		text-decoration: none;
		font-weight: 400;
		/* font-style: normal; */
		transition: all 0.5s 4.25s;
		color: #ffffff;
		font-size: 42px;
		text-align: left;
		}
	
	
	
	
	 .close{
			 color:#fff !important;
			 opacity: .9 !important;
		 }
		  .close .fa:hover{
			 color:#c3c3c3 !important;
			
		 } 
		 
	.closeBtnmob{
		display:none !important
	}
	
	.contact-info-box {
		font-size: 15px;
		padding-left: 0;
	}
	.newCard{
		margin-top:40px;
		
	}
	
	.learn-btn{
		margin-top:40px;
		  
	}
	.boxTop h1{
		line-height: 48px;
		font-family:Playfair Display;
	}
	
	
	.card-deck .card-new {
		margin-right: 40px !important;
		margin-left: 40px !important;
	}
	.row-wrap-2 > .row > .leftCol{
		padding-right: 30px !important;
		border-right: 2px solid #ff9800;;
	}
	.row-wrap-2 > .row > .rightCol{
		padding-left: 30px !important;
		border-left: 2px solid #ff9800;;
	}
	.row-wrap-2 .title-five,  .row-wrap-2 .title-three{
		text-align:right !important;
	}
	.mis-stage{
		height:420px !important;
	}
	.jumbotron_header_two h2 {
		margin: 0 0 25px 0 !important;
		font-weight: 400;
		letter-spacing: 1px;
		/* font-size: 36px; */
		/* color: #7dd9ff; */
		/* font-weight: bold; */
		text-align: center;
		padding: 35px 0px 5px;
	}
		
		.bdrclr{
			border: 3px solid #fff;
			padding: 22px;
		}
		
		.wrapForms{
			padding: 18px;
			background: #e2e2e2;
		}
		
	
}

@media screen and (max-width: 991px){
	form[name="grForms"], form[name="hrForms"] {
    padding: 0px 8px 10px 8px;
    background: #fff;
}
	#header-1-out{
		display:none !important;
	}
	.navbar-toggler {
		padding: 0.70rem 0.75rem !important;
	}
	.testimonial4_control_button .carousel-control.left {
		left: 0% !important;
		right: auto;
		display:none;
	}
		.testimonial4_control_button .carousel-control.right {
		right: 0% !important;
		left: auto;
		display:none;
	}
		
	#testimonial4 .carousel-inner {
			width: 100%;
			margin: auto;
		}
	
	.testimonial4_slide {
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: transparent;
		width: 95%;
		margin: auto;
		padding: 20px;
		position: relative;
		text-align: center;
	}
}


@media screen and (min-width: 992px){
	
	
	#locationVenue .topHeading{
		font-size: 50px;
}
	#ghBookingtop .nav-tabs{
		margin: auto;
		width: 62%;
		text-align: center;
	}
	.nav-tabs .nav-item {
		/* width: 33%; */
	}
	.nav-link {
		/* padding: 0.2rem 1rem !important; */
	}
	
	
	
	.testimonial4_control_button .carousel-control.left {
    left: 15%;
    right: auto;
}
.testimonial4_control_button .carousel-control.right {
    right: 15%;
    left: auto;
}
	
	
	
	.testimonial4_slide {
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: transparent;
		width: 70%;
		margin: auto;
		padding: 20px;
		position: relative;
		text-align: center;
	}

	
	
	#testimonial4 .carousel-inner {
		width: 75%;
		margin: auto;
	}
	
	
	.leftBox2{
		
		margin-top: 40px;
	}
	
	.form_One2{
		
		    padding: 65px 55px 65px;
	}
	
		.modal-lg2 {
			max-width: 915px !important;
		}
	.wrap-outside, .featured-box-col2 {
		padding-left: 55px;
	}
		

	
	.navbar-expand-lg .navbar-nav .nav-link {
		padding-right: .9rem !important;
		padding-left: .9rem !important;
	}
		
	
	.row-wrap-2{
		
		margin-right:70px;
		margin-left:70px;
	}
	
	header .card-text {
		font-size: 17px;
	}
	
	.row-wrap{
		padding:55px 25px 0px;
	}
	
	.leftBox {
		margin-top: 92px;
	}
	
	
	.boxBottom{
		width:85%;
	}
	
	header .boxBottom {
		margin: 38px 8px 0px;
	}
	.Conv-center .outer-wrapper:hover {
		border: 3px solid #fb8800;
		position: relative;
		cursor: auto;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	
	form[name="ghbForm"] {
		padding: 0px 50px 18px 50px;
		background: #fff;
	}
	
	form[name="grForms"], form[name="hrForms"]{
		padding: 0px 8px 10px 8px;
		background: #fff;
	}
	
	
	   
}




@media screen and (min-width: 1200px){
	.tab-content{
		width:100%;
	    border-left: 2px solid #ff9800;
    border-right: 2px solid #ff9800;
    border-bottom: 2px solid #ff9800;
    border-top: 3px solid #ff9800;
    padding: 10px;
}

	.boxrightTop {
    padding: 20px 15px 20px 15px;
    border: 0px solid rgb(0, 0, 0);
}
		.nav-tabs .nav-link.active > .arrow-downv {
			width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 10px solid #ff9800;
    margin: 10px 0px 0px 150px;
    position: absolute;
		}
	#topslider-out p{
		transition: .25s;
		font-family: inherit!important;
	  
		color: #fff;
		/* margin-bottom: 0; */
		line-height: 1.6;

	}
	
	.hoverstyle2{
	width: 100%;
    top: 250px;
    height: 100%;
    position: absolute;
    background: #00d2ff;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #3a7bd5, #00d2ff);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #3a7bd5, #00d2ff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */


    /* display: none; */
   
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	}
	
	
	.hoverstyle{
		color:#fff;
		 height: 100%;
		padding: 12px;
		 background: #00d2ff;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #3a7bd5, #00d2ff);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #3a7bd5, #00d2ff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */


	}
	
	
	.hoverheight{
	top: 0px !important;
	}
	
	
	
	
	
	
	
	.mycard-img-top {
		/* margin-top: -246px !important; */
		display:none;
		-webkit-transition: all 0.9s ease-in-out;
			-moz-transition: all 0.9s ease-in-out;
			-o-transition: all 0.9s ease-in-out;
			transition: all 0.9s ease-in-out;
	}
	
	
	.container-fluid {
    width: 95% !important;
}
	.imgBox{

    top: 65px;
    left: -100px;
    z-index: 10;
    position: relative;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}





	#topslider-out .card{
	    overflow: hidden;
    height: 160px;
    background: #ff9800;;
    color: #fff;
}

#topslider-out .card-title {
    color: #ffffff !important;

}

.hoverstyle2 h5{
padding: 10px;
    height: 42px;

}

#topslider-out .fas {
   
    color: #fff !important;;
}

	.del-elem2{
    margin-top: -90px;

}
	.elemHeight{
		height:246px !important;

	}



	.featured-work_2 .featured-box_2 {
		margin-top: 18px;
	}
	
	
	
	.topslider-out{
		width:100%;
		background:transparent;
	}
	
	.clr1Min1200{
		padding-top: 100px;
		padding-bottom: 100px;
		clear: both;
		background-color: #fff;
		
	}
	.clrptb50{
		padding-top: 50px;
		padding-bottom: 50px;
		clear: both;
		background-color: #fff;
		
	}
	
	
	
	
	
	/*===============box sliding top start =============*/
	.top4boxx{
			z-index:1000;	
		    margin-top: 80px;
			position: absolute;
	}
	
	
	.sliding_box_child .sb_content_wrapper {
		padding: 10px;
		position: absolute;
		top: 0;
		left: 295px;
		width: 295px;
		height: 100%;
		max-width: 300px;
		background: #fff;
	}
	
	


.sliding_box_child .sb-image {
    width: 100%;
    height: 275px;
}
	
	.sb-image img{
		height:100%;
		
	}
	/*===============box sliding end =============*/
	
	
	
	
	
		.top4boxinner{
			position: initial;
			padding-left: 0;
			padding-right: 0;
			width: 100%;
		}
	
	
	
	
	
	.top4box{
		position: relative;
		left: -391.758px;
		box-sizing: border-box;
		width: 2024px;
		padding-left: 391.758px;
		padding-right: 391.242px;
		
	}
	
	
	#headerOne{
		top:18px;
		
	}
	.boxTop p {
		margin: 30px 0px 0px;
	}

	.rightBox{
    width: 78%;
    float: right;
			
	}
	.rightBox2{
		    width: 94%;
			float: right;
			
	}
	
	#header-1-out .container-fluid {
		width: 97% !important;
	}
	
	.container-fluid {
		width: 95% !important;
	}
	
	
	
	.rightBoxInner{
			    padding: 0px 0px 30px 0px;
			border: 0px solid rgb(0, 0, 0);
		
			
	   }
	   .nav-tabs .nav-link.active > .arrow-down{
	        width: 0;
			height: 0;
			border-left: 15px solid transparent;
			border-right: 15px solid transparent;
			border-top: 10px solid #fff;
			margin: 10px 0px 0px 65px;
			position: absolute;
			
		}

	  .Conv-center .outer-wrapper {
			border: 3px solid #303744;
			position: relative;
			height: 141px;
			cursor: auto;
			/* background: #ffefef; */
			margin-bottom: 10px;
			-webkit-transition: all 0.2s ease-in-out;
			-moz-transition: all 0.2s ease-in-out;
			-o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
		}
	 .icontft {
		width: 20%;
		float: left;
		padding: 4%;
		height: 100%;
		background-color: #fb8800;
		color: #fff;
	}
	   .outer-wrapper .text {
			float: left;
			width: 78%;
			height: 100%;
			margin-left: 1%;
			padding: 7px;
		}
	   
	   .icontft span{
			display:none;
		}
		.text p{
			line-height:20px;
		}
		
		.banner {
			padding: 73px 50px 109px 50px;
			/* background-image: url(../images/registration.jpg); */
			background-repeat: no-repeat;
			height: 100%;
			/* border:3px solid #fff; */
		}
			#weather-report {
				border: 10px double #ff9800;;
				color: #fff;
				font-size: 20px;
				padding: 70px 0px 70px 0px;
				background-color: rgba(0, 0, 0, 0.5686274509803921);
			}	
		
		
		
		
		
		
}

 @media only screen and (min-width:1201px) and (max-width:1559px) {

	  .slidingBox{
		    /* margin-right: -26px !important; */
			/* margin-left: 0px !important; */
			margin-top:-90px;
	}
	 
	 .sliding_box_child {
		padding: 0;
		position: relative;
		float: left;
		width: 22%;
		height:100%;
		-webkit-transition: all 450ms ease-in-out;
		-moz-transition: all 450ms ease-in-out;
		-o-transition: all 450ms ease-in-out;
		transition: all 450ms ease-in-out;
		overflow: hidden;
		margin-right: 15px;
		border-radius: 4px;
		border: 1px solid #e5e7f2;
	}

	 
	 

	.active-elem{
		width: 51.5% !important;
		background:#fff;
		-webkit-transition: all 450ms ease-in-out;
		-moz-transition: all 450ms ease-in-out;
		-o-transition: all 450ms ease-in-out;
		transition: all 450ms ease-in-out;
	}
	.active-elem img{
		
		width:50% !important;
	}
	
	
	
 }


@media (min-width: 1560px){
	
	 .slidingBox{
		    /* margin-right: -60px !important; */
			/* margin-left: 0px !important; */
			    margin-top: -90px;
	}
	
	.sliding_box_child {
		padding: 0;
		position: relative;
		float: left;
		width: 20.5%;
		height:100%;
		-webkit-transition: all 450ms ease-in-out;
		-moz-transition: all 450ms ease-in-out;
		-o-transition: all 450ms ease-in-out;
		transition: all 450ms ease-in-out;
		overflow: hidden;
		margin-right: 15px;
		border-radius: 4px;
		border: 1px solid #e5e7f2;
	}
	
	
	
	
	
	.active-elem{
		width: 51.5% !important;
		background:#fff;
		-webkit-transition: all 450ms ease-in-out;
		-moz-transition: all 450ms ease-in-out;
		-o-transition: all 450ms ease-in-out;
		transition: all 450ms ease-in-out;
	}
	.active-elem img{
		
		width:40% !important;
	}
	
	
	
	
	body{
		-webkit-box-shadow: 0 0.0625rem 0.25rem 0 rgba(61,66,80,.18);
		box-shadow: 0 0.0625rem 0.25rem 0 rgba(61,66,80,.18);
		width: 1560px;
		margin: 0 auto !important;
		background-color:#eee;
		
	}
	.navbar{
		left: 50%;
		margin-left: -780px;
		max-width: 1560px;
	}
	
	
}

@media only screen and (min-width: 576px) and (max-width: 1199px){
	
	
	
	 .slidingBox{
		    margin-right: 0px !important;
			margin-left: 15px !important;
			margin-top: -125px;
			position: relative;
	}
	
	
	.card2{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-flex: 1;
		-ms-flex: 1 0 0%;
		flex: 1 0 0%;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-right: 15px;
		margin-bottom: 0;
		margin-left: 15px;
	}
	
	
}

/*============ desktop navigation ends ===================*/

@media only screen and (min-width:576px) and (max-width:991px){
	.row-wrap {
		padding: 55px 25px 0px;
	}
	.leftBox {
		margin-top: 70px;
	}
	.featured-box-col2 h3{
		text-align:center;
	}
	
}

@media screen and (max-width: 1199px){
	
	.hoverstyle2{
	display:none;
	}
}