/*==========  Mobile First Method  ==========*/
@media (max-width: 200px) {
	
	
	
}
/**************************************************************************************** Custom, iPhone Retina */ 

   @media screen and (min-width: 200px) and (max-width: 480px) {
      h2 {
			font-size: 1.44529em;
		}
		h3 {
			font-size: 1.25em;
		}
       .nav-right.left-fixed-nav {
	   display: none;
	   }
        .no-padding {
            padding-left: 0;
            padding-right: 0;
        }
     
        .m-t-xxxx {
            margin-top: 20px;
        }
       .m-b-xxxxxx {
        margin-bottom: 30px;
        }
        body.overflow-hidden {
			overflow: hidden;
			/*padding-top: 68px;*/
		}
	   body {
			/*padding-top: 68px;*/
		}
		.navbar-brand img {
		 	width: 80px;
			 height: auto;
		 }     
		.nav.navbar-nav.navbar-right {
			background-color: #3A3737;
			border-color: transparent;
		}
			.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
			background-color: transparent;
			color: #fa8b39;
		}
		.navbar-default .navbar-nav > li > a {
			color: #333;
			text-align: center;
		}
		.navbar-nav > li > a {
			padding-bottom: 15px;
			padding-top: 15px;
		}
		.navbar-toggle {
			margin-bottom: 15px;
			margin-top: 15px;
		}
	   .back-btn {
			margin-left: 0;
		}
					.navbar-nav {
			margin: 0 -15px 0px;
		}
			.wraper h2, .wraper h3 {
				font-size: 1.44529em;
			}
			   .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
			background-color: transparent;
		}
		.navbar-default .navbar-toggle {
			border-color: transparent;
		}
	    /* About us*/
		.m-box {
			height: 162px;
			min-height: 162px;
			padding: 35% 0 0;
		}
		.m-box1 {
			height: 162px;
			min-height: 162px;
			padding: 25% 0 0;
		}
	   	
	   	h3.box-lable {
			font-size: 0.9em;
			
		}
		
		.pop-box
{
	margin-left:5%;
	margin-right:5%;
	width:86%;
	border:1px solid #FFF;
	background: rgba(0,0,0,0.8);
	font-family: "robotoregular";
	padding:2%;

}

.side-left1
{
	width:100%;}

.side-left2
{
	width:100%;
	
}

		
	   .mobile-center { text-align: center;}
	   .content3, .scroll-bar-bg {height:100% !important; }
	   body.overflow-hidden { overflow: auto;}
	   .no-bg {
			/*padding-top: 67px;*/
		}
	   .testimonial-wrap {
		padding: 15px;
		position: static;
	}
	   .t-text {
		width: 100%;
	}
	   .back-btn-absolute, .back-btn-article {
			left: 0;
			position: static;
			top: 0;
			width: 100px;
		}
			   .t-text > p {
				   padding-left: 15px;
			padding-top: 23px;
		}
			   .m-top-twenty, .m-top-ten {
			padding-top: 0;
		}
		.thinking-bg {
			padding: 15px;
		}
	   .pe-wraper {
			
			height: auto;
			margin: 0;
			padding: 20px;
			width: 100%;
		}
	   .airport .nav > li > a {
			padding-left: 5px;
			padding-right: 5px;
		}
	   a.link-arrow {   font-size: 15px; }
	   .hr-bx
		{
		 background-color: #CCC;
		  height: 3px;
		  margin-top: 5px;
		  margin-bottom: 5px;
		}
	   .pe-wraper h3, h3.pop-c, .airport h3 {

    font-size: 18px;
	   }
	   body p {
    font-size: 13px !important;
}
	   .small-bold-headding {
    font-size: 15px;
	   }
	   .light-heading {
    font-size: 18px;
}
	   .back-btn-pop {
	  left: 0;
	  position: static;
	  top: 0;
	  width: 180px;
	}
	   body.no-bg .navbar {
    border: 1px solid transparent;
    margin-bottom: 0;
	   }
	   .navbar {
    border: 1px solid transparent;
    margin-bottom: 10px;
	   }
	   .article-wraper h3 {
    font-size: 16px;
	   }
	   
	   
	   .dna-btn
{
	width:45%;
	border:1px solid #000;
	font-family:"Roboto Light";
	font-size:16px;
	height:40px;
	color:#000;
}

.dna-btn:hover
{
	background-color:#fcc216;
}

}

/************************************************************ important note********************************************************/

@media screen and (min-width : 481px) and (max-width : 767px){
	 .navbar-brand img {
	 width: 100px;
		 height: auto;
	 }     
	.nav.navbar-nav.navbar-right {
		background-color: #3A3737;
		border-color: transparent;
	}
		.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
		background-color: transparent;
		color: #fa8b39;
	}
	.navbar-default .navbar-nav > li > a {
		color: #333;
		text-align: center;
	}
	.navbar-nav > li > a {
		padding-bottom: 15px;
		padding-top: 15px;
	}
	.navbar-toggle {
		margin-bottom: 20px;
		margin-top: 20px;
	}
		.navbar-nav {
		margin: 0 -15px 7.5px;
	}
	.wraper h2, .wraper h3 {
		font-size: 1.44529em;
	}
	/* About us*/
	.m-box {
    height: 162px;
		min-height: 162px;
    padding: 15% 0;
	}
	h3.box-lable {
			font-size: 1.1em;	
	}
	 .mobile-center { text-align: center;}
	   .content3 {height:100%; }
	  body.overflow-hidden {
    overflow: auto;
    padding-top: 78px;
}
	.no-bg {
    padding-top: 77px;
	}
	.back-btn-absolute {
    left: 0;
    position: static;
    top: 0;
    width: 100px;
}
	 .pe-wraper {
			
			height: auto;
			margin: 0;
			padding: 20px;
			width: 100%;
		}
	body {
    padding-top: 80px;
}
	.hr-bx
		{
		 background-color: #CCC;
		  height: 6px;
		  margin-top: 5px;
		  margin-bottom: 5px;
		}
	
	
}
/************************************************************************************* iPads (portrait and landscape) **/
@media screen and (min-width : 768px) and (max-width : 1024px){

     .xl-t-margin {
            margin-top: 100px;
       }
		.nav > li > a {
			display: block;
			padding: 38px 8px;
		}
		h3.box-lable {
				font-size: 1.2em;	
		}
	    body.overflow-hidden {padding-top: 97px; }
  

	
	
}
/**************************************************************************************************************** iPads (landscape) */
@media screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {

	
	
}
/**************************************************************************************************************** iPads (portrait) */
@media screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {

	
	
}
/************************************************* Desktops and laptops ----------- */
@media only screen  and (min-width : 981px) {

	
	
}
/************************************************* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {

	
	
}
/********************************************** Large screens */
@media only screen  and (min-width : 1824px) {
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
	
	
}