@media screen and (min-width: 992px) 
{
	
}

@media screen and (min-width: 992px) and (max-width: 1199px) 
{

	.navbar-brand
	{
		margin-top: -15px;
	}
	.navbar-brand .logo
	{
		width: 60px;
    	height: 67px;
    	background-size: 60px 67px;
	}
	.navbar-nav > li
	{
		font-size: 13px;
	}
	.navbar-default .navbar-nav > li > a
	{
		padding: 0 10px;
	}

}

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

	h1
	{
	  font-size: 24px;
	}
	h4
	{
	  font-size: 20px;
	}
	h5
	{
	  font-size: 18px;
	}
	h6
	{
	  font-size: 15px;
	  line-height: 24px;
	}
	.btn-default
	{
	  font-size: 16px;
	}
	p, .navbar-default .navbar-nav > li, .contact-form .form-control
	{
	  font-size: 14px;
	}
	.job-list ul li a
	{
	  font-size: 12px;
	}

	.navbar-brand
	{
		margin-top: -25px;
	}

	.navbar-default .navbar-nav > li > a.active, .navbar-default .navbar-nav > li:hover > a, .navbar-default .navbar-nav > li > a.active:hover, .navbar-default .navbar-nav > li > a.active:focus
  	{
    	background-color: transparent;
    	color: #d5aa6d;
  	}
  	.navbar-default .navbar-collapse
	{
		border-color: #bd883e;
		margin-top: 10px;
		background-color: rgba(0,0,0,0.7);
	}
	.header-fixed .navbar-default .navbar-collapse
	{
		background-color: rgba(0,0,0,0);
	}
	.navbar-default .navbar-toggle
	{
		margin-top: 15px;
		border-radius: 0;
		border-color: #bd883e;
	}
	.header-fixed .navbar-default .navbar-toggle
	{
		margin-top: 5px;
	}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus
	{
		background-color: #bd883e;
	}
	.navbar-default .navbar-toggle .icon-bar
	{
		background-color: #bd883e;
	}
	.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar
	{
		background-color: #FFFFFF;
	}
	.navbar-nav
	{
		float: left;
	}
	.navbar-default .navbar-nav > li
	{
		border: 0;
		padding: 4px 0;
	}


	.resp-vtabs .resp-tab-content p
	{
		text-align: justify;
	}
	.resp-vtabs .resp-tabs-container
	{
		width: 100%;
	}
	.job-list ul li
	{
		/* width: 25%; */
	}
	.left-side, .right-side
	{
		width: 100%;
	}
	.right-side .contact-form
	{
		width: 720px;
		margin: 0 auto;
    	float: none;
    	margin-top: 20px;
    	padding-bottom: 20px;
	}
	.left-side
	{
		height: 350px;
	}
	.contact-section2
	{
		height: auto;
	}
	.add-contact
	{
		margin-bottom: 30px;
	}

}

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

	/* Common fonts starts */

	h1
	{
	  font-size: 24px;
	}
	h4
	{
	  font-size: 18px;
	}
	h5
	{
	  font-size: 16px;
	}
	h6
	{
	  font-size: 14px;
	  line-height: 24px;
	}
	.btn-default
	{
	  font-size: 16px;
	}
	p, .navbar-default .navbar-nav > li, .contact-form .form-control
	{
	  font-size: 14px;
	}
	.job-list ul li a, .resp-vtabs .resp-tab-content p, .top-contact p, .copyright p
	{
	  font-size: 12px;
	}

	/* Common fonts ends */

	.video-bg
	{
	  display: none;
	}
	.mobile-banner
	{
	  display: block;
	  width: 100%;
	  height: 100%;
	  position: relative;
	}
	header
	{
		position: relative;
		background-color: #fff;
	}
	.navbar-default
	{
		margin-top: 20px;
		margin-bottom: 10px;
	}
	.navbar-brand
	{
		margin-top: 0;
	}
	.top-contact
	{
		float: none;
		text-align: center;
	}
	.navbar-brand .logo
	{
		width: 40px;
    	height: 45px;
    	background-size: 40px 45px;
	}
	.navbar-nav
	{
		float: left;
	}
	.top-contact
	{
		display: none;
	}
	.top-contact p
    {
     	color: #333;
  	}
  	.top-contact p span, .navbar-default .navbar-nav > li > a
  	{
    	color: #000;
  	}

  	.navbar-default .navbar-nav > li > a.active, .navbar-default .navbar-nav > li:hover > a, .navbar-default .navbar-nav > li > a.active:hover, .navbar-default .navbar-nav > li > a.active:focus
  	{
    	background-color: transparent;
    	color: #d5aa6d;
  	}
  	.navbar-default .navbar-collapse
	{
		border-color: #bd883e;
		margin-top: 10px;
	}
	.navbar-default .navbar-toggle
	{
		margin-top: 4px;
		border-radius: 0;
		border-color: #bd883e;
	}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus
	{
		background-color: #bd883e;
	}
	.navbar-default .navbar-toggle .icon-bar
	{
		background-color: #bd883e;
	}
	.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar
	{
		background-color: #FFFFFF;
	}

	.navbar-default .navbar-nav > li
	{
		border: 0;
		padding: 4px 0;
	}

	h2.resp-accordion
	{
		font-family:'Raleway-Bold';
	}
	.resp-vtabs .resp-tabs-container
	{
		width: 100%;
	}
	.resp-arrow
	{
		margin-top: 1px;
	}
	.resp-vtabs .resp-tab-content
	{
		padding: 15px 5px;
	}
	.resp-vtabs .resp-tab-content p
	{
		text-align: justify;
	}
	.ser-bg-left
	{
		width: 0;
	}
	.ser-bg-right
	{
		width: 100%;
	}
	.service-section2 ul li
	{
		width: 100%;
	}
	.inner-page
	{
		height: auto;
	}
	.client-section .title-desp
	{
		margin-bottom: 0;
	}
	.client-carousel
	{
		top: 80px;
		margin-top: -35px;
	}
	.job-list ul li
	{
		width: 33.33%;
	}
	.res-bg-left
	{
		width: 100%;
	}
	.res-bg-right
	{
		width: 0;
	}
	.resume-section2
	{
		height: 300px;
		min-height: 300px;
	}
	.resume-section2 .title-head
	{
		margin-top: 75px;
		line-height: 32px;
	}
	.left-side, .right-side
	{
		width: 100%;
	}
	.right-side .contact-form
	{
		width: 540px;
		margin: 0 auto;
    	float: none;
    	margin-top: 20px;
    	padding-bottom: 20px;
	}
	.left-side
	{
		height: 350px;
	}
	.contact-section2
	{
		height: auto;
	}
	.add-contact
	{
		margin-bottom: 20px;
	}

	.job-description, .resume-form
	{
		width: 100%;
		margin-left: 0;
	}



}

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

@media screen and (max-width: 575px) and (orientation:landscape)
{

}


@media screen and (min-width: 576px) and (max-width: 767px) 
{
	.title-desp
	{
		width: 90%;
	}
	.add-contact:after
	{
		height: 120px;
	}
	
}

@media screen and (max-width: 575px) 
{
	.job-list ul li
	{
		width: 50%;
	}
	.add-contact
	{
		padding-left: 0;
	}
	.add-contact:after
	{
		height: 1px;
		width: 80%;
		top: 0;
	}
	.scroll-top-icon
	{
		right: 25px;
	}
	.copyright p
	{
		text-align: center;
		margin-bottom: 15px;
	}
	.right-side .contact-form
	{
		margin-left: 0;
		padding-bottom: 20px;
	}
	.contact-form .form-control
	{
		width: 100%;
	}
	.social-icons
	{
		float: none;
		display: block;
    	text-align: -webkit-center;
	}
	.social-icons ul
	{
		display: inline-block;
    	text-align: center;
	}
	.social-icons ul li
	{
		margin-left: 8px;
		margin-right: 8px;
	}
	.right-side .contact-form
	{
		width: 100%;
	}


}
@media screen and (max-width: 479px) 
{
	.top-contact p
	{
		border-right: 0;
	}
	.scroll-top-icon
	{
		bottom: 87px;
	}
}

@media screen and (max-width: 479px) and (orientation:landscape)
{

}

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

}