/* Medium Layout: 1900px. */
@media only screen and (min-width: 1201px) { 
/* Top-bar Starts */
	a.left-padding {
		margin-left: 20px;
	}
/* Top-bar Ends */

/* Header Area Ends */	
	.header-area .navbar-nav {
	  float: right;
	}
	.header-area .collapse.navbar-collapse {
	  width: auto;
	}
	.header-area .navbar-nav {
	  width: 75%;
	}
	.header-area .collapse.navbar-collapse ul {
	  float: right;
	  width: auto;
	}

	.header-area .collapse.navbar-collapse {
	  margin-top: 0px;
	  width: auto;
	}
	.header-area .nav.navbar-nav > li {
		margin-right: 0px;
	}
	/* For Sticky Menu Starts */

	.header-area .is-sticky .collapse.navbar-collapse {
	  margin-top: 10px;
	  width: auto;
	}
	.header-area .is-sticky .nav.navbar-nav li a {
	  font-size: 14px;
	}
	.header-area .is-sticky .collapse.navbar-collapse ul {
	  margin-top: -13px;
	  width: auto;
	}
	/* For Sticky Menu Ends */
/* Header Area Ends */	


	/* About Area Starts */	

	.about-area-table {
		height: 460px;
	}

	/* About Area Ends */	
	
	
	/* footer-top-area Starts */
	.footer-top-area-widget-details.middle-right {
	  margin-top: 56%;
	}
	/* footer-top-area Ends */

	



}



/* Medium Layout: 1200px. */
@media only screen and (min-width: 991px) and (max-width: 1200px) { 
	
/* Top-bar Starts */
	a.left-padding {
		margin-left: 8px;
	}
/* Top-bar Ends */

/* Header Area Starts */

	.header-area .navbar-brand > img {
	  margin-top: 3px;
	  width: 80%;
	}
	.header-area .navbar-default .navbar-nav li a {
		padding: 31px 34px;
	}
	.header-area .nav.navbar-nav a {
	  padding-left: 15px;
	  padding-right: 15px;
	}
	.header-area .collapse.navbar-collapse {
	  margin: 25px 0 0;
	}
	.header-area .collapse.navbar-collapse ul {
	  width: 80%;
	}
	.header-area ul.nav.navbar-nav {
	  margin-top: -49px;
	}
	.header-area .navbar-default .navbar-nav li a {
	  padding: 30px 30px;
	}
	.header-area .navbar-nav > li {
	  margin-left: 0px;
	}
	.header-area .navbar-nav {
	  float: right;
	}

/*
=====================================================================
Dropdown Menu Starts
=====================================================================
*/	
	ul.single-dropdown-menu {
		top: 82px;
	}
    .header-area .nav.navbar-nav > li:hover ul.single-dropdown-menu {
        width: 200px;
    }
	.single-dropdown-menu > li {
        padding: 10px 10px 10px 0;
        width: 191px;
    }
	.is-sticky ul.single-dropdown-menu {
		top: 121px;
	}

/*
=====================================================================
Dropdown Menu Ends
=====================================================================
*/
	

/* For Sticky Menu Starts */
	.header-area .is-sticky .navbar-brand > img {
	  margin-top: 0px;
	  width: 75%;
	  transition: 1s;
	}
	.header-area .is-sticky .nav.navbar-nav a {
	  padding-left: 13px;
	  padding-right: 13px;
	  transition: all 0.6s ease 0s;
	}
	.header-area .is-sticky .collapse.navbar-collapse {
	  margin: 15px 0 0;
	} 
	.header-area .is-sticky .collapse.navbar-collapse ul {
	  margin-top: -52px;
	  width: 80%;
	}
	.header-area .is-sticky .nav.navbar-nav li a {
	  font-size: 14px;
	}
	.header-area .is-sticky .nav.navbar-nav a {
	  padding-left: 30px;
	  padding-right: 30px;
	  transition: all 0.6s ease 0s;
	}
	/* For Sticky Menu Ends */
/* Header Area Ends */


/* Header Area Ends */
	.about-area-table {
		height: 81%;
	}
/* Header Area Ends */


/* our-services-area Ends */
	.our-services-area-single-content-text p {
		font-size: 12px;
	}
/* our-services-area Ends */


/* counter-up-area Starts */
	.counter-up-area-content-text p {
	  line-height: 1.7;
	}
	.counter-up-single-icon-text h4 {
	  font-size: 14px;
	}
	.counter-up-icon-area {
	  margin-top: 3%;
	}
/*counter-up-area Ends */

/*footer-top-area Starts */
	.footer-top-area-widget-details.middle-right {
	  margin-top: 72%;
	}
/*footer-top-area Ends */


 
}







/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 990px) { 

/* is-sticky Starts for Tablet Layout */

	.header-area .navbar-brand > img {
		width: 70%;
	}
	.header-area .navbar-default .navbar-nav li a {
		padding: 31px 16px;
	}
	.header-area .is-sticky .navbar-brand > img {
	  margin-top: 0px;
	  transition: all 1s ease 0s;
	  width: 65%;
	}
	.header-area .collapse.navbar-collapse {
	  width: 82%;
	  margin: 26px 0 0;
	  float: right;
	}
	.header-area .navbar-header {
	  position:absolute;
	}
	.header-area .navbar-nav {
		float: right;
		margin-top: -28px;
	}
	.header-area .is-sticky .navbar-nav {
		margin-top: -23px;
	}
	
	.header-area .nav.navbar-nav a {
	  font-size: 13px;
	  padding-left: 10px;
	  padding-right: 10px;
	}
	.header-area .navbar-default .navbar-nav li a {
		color: #fff;
		padding: 32px 16px;
	}
		
/*
=====================================================================
Dropdown Menu Starts
=====================================================================
*/		
	.is-sticky ul.single-dropdown-menu {
		top: 70px;
	}
	
/*
=====================================================================
Dropdown Menu Ends
=====================================================================
*/

	
	.header-area .is-sticky .navbar-nav > li {
		float: left;
		margin-top: -25px;
	}
	.header-area .is-sticky .nav.navbar-nav li a {
	  font-size: 13px;
	}
	.header-area .is-sticky .collapse.navbar-collapse ul {
	  margin-top: 0px;
	  width: auto;
	}
	.header-area .is-sticky .collapse.navbar-collapse {
	  margin: 24px 0 0;
	}
	.header-area .is-sticky .navbar-default .navbar-nav li a {
		padding: 24px 16px;
	}
		

		/* is-sticky Ends for Tablet Layout */
/*  Main Menu Starts For Hidden Collapse */



	/* Hero-area Starts */
	
	 video {
		width:auto;
		height:100%;
	}
	.section-text p {
	  font-size: 12px;
	}
	.slide-text.text-center > h1 {
		font-size: 40px;
	}
	.slide-text.text-center > h2 {
		font-size: 30px;
		font-weight: 600;
	}
	.slide-text > h1 {
		font-size: 45px;
	}
	.carousel-indicators li {
	  margin-left: 10px;
	}
	ol.carousel-indicators li.active {
	  margin-left: 10px;
	}

	/* Hero-Area Ends */ 

/* about-area Starts */ 
	
	
	.about-area-content-text {
		padding-top: 20px;
	} 
	.about-area-heading {
		margin-bottom: 15px;
	}
	.about-area-heading h2 {
		font-size: 20px;
	}
	.about-area-paragtaph p {
		margin-bottom: 12px;
		padding-right: 0;
		font-size:10px;
		line-height:2;
	} 
	.about-area-paragtaph {
		font-size: 11px;
	} 
	#swipebox-slider .slide::before {
		height: 30%;
	} 
	.about-area-table {
		height: 75%;
	}
	 /* about-area for Ends */ 
	 
	 
	/* Section Heading Starts */ 
	.section-heading h2::after {
		left: 44%;
		width: 10%;
	}
	/* Section Heading Ends */
	
	
	/* our-services-area Starts */
	.our-services-area-single-content-text p {
		font-size: 12px;
	}
	/* our-services-area Ends */

	
	/* counter-up-area Starts */
	.counter-up-area-content-text p {
	  line-height: 1.5;
	  padding-right: 10%;
	} 
	.counter-up-single-icon-text h4 {
	  font-size: 13px;
	} 
	/* counter-up-area Ends */ 

	/* creative Area Starts */
	.left.creative-control span {
		top: 31%;
		left: -20px;
	}
	/* creative Area Ends */
	
	
	
	/* pricing-area Starts */
	.pricing-area-single-content.large {
		transform: scale(1);
	}
	/* pricing-area Ends */
	
	

	/* latest-blog Area starts */
	.latest-blog-area-single-content-text a {
		font-size: 10px;
	}
	.latest-blog-area-single-content-img {
	height: 150px;
	}
	/* latest-blog Area Ends */	

	/* footer-top-area Starts */ 
	.footer-top-area-widget-details > p {
	  color: #aaaaaa;
	  font-size: 11px;
	} 
	.footer-top-area-widget-details.middle-right {
	  margin-top: 80%;
	}
	/* footer-top-area Ends */  



    
}









/* Mobile Layout: 320px. */
	@media only screen and (max-width: 767px) { 
	
	/* Top-bar-area Starts */
	.area-padding{
		height:50px;
	}
	.top-area {
		height: 60px;
	}
	.top-left {
		width:70%;
		margin-left:21%;
	}
	.social-icon li a {
		height: 30px;
		line-height: 30px;
		width: 30px;
		font-size: 14px;
	}
	.top-right {
		width: 100%;
	}
	.top-right > a {
		font-size: 10px;
		margin-right: 10px;
		height: 30px;
		line-height: 30px;
	}	
	.top-right {
		padding-right: 5px;
		padding-top: 0px;
	}
	.top-right > a i {
		width: 20px;
		padding-right: 7px;
	}	
	

	/* Top-bar-area Ends */




/* header-area Menu Starts */
	/* Sticky Menu Starts */
	.header-area .navbar-default {
		background: #125caf none repeat scroll 0 0;
	}
	.header-area .navbar-brand > img {
		transition: all 1s ease 0s;
		width: 76%;
	}
	.header-area .navbar-toggle {
		background-color: #105CB3;
		transition: .6s;
	}
	.header-area .collapse.navbar-collapse ul {
	  margin-top: 0px;
	  margin-right:0px;
	}
	.header-area .container {
		padding-right: 0;
	}
	.header-area .navbar-nav > li {
		margin-right: 0px;
	}
	.header-area .navbar-default .navbar-nav li a {
		padding: 10px 30px;
		font-size:14px;
	}
	.header-area .navbar-header {
	  height: 83px;
	  width: 100%;
	}
	.header-area .navbar-header a.navbar-brand {
		margin-top: 11px;
		padding-top: 4px;
	}
	
	
/*
=====================================================================
	Dropdown Menu Starts when use dropdown for mobile Device
=====================================================================

	ul.single-dropdown-menu {
		left: 16px;
		text-align: center;
		top: 40px;
		width: 200px;
		z-index: 1;
	}
	.single-dropdown-menu > li {
	  padding: 10px 16px 10px 0;
	  width: 200px;
	}
	.is-sticky ul.single-dropdown-menu {
		top: 40px;
	}
	.nav.navbar-nav > li:hover ul.single-dropdown-menu {
		display: none;
	}

=====================================================================
	Dropdown Menu Ends when use dropdown for mobile Device
=====================================================================
*/

	
	
	.header-area .is-sticky .navbar-header a.navbar-brand {
		margin-top: 0;
	}
	.header-area .is-sticky .collapse.navbar-collapse ul {
	  margin-top: 0;
	}
	.header-area .is-sticky .navbar-default .navbar-nav li a {
		padding: 10px 30px;
		font-size:14px;
	}
	.header-area .is-sticky .navbar-header {
		height: 65px;
	}
	.header-area .is-sticky .navbar-brand > img {
	  margin-top: 10px;
	  transition: all 1s ease 0s;
	  width: 65%;
	}

	/* Sticky Menu Ends */
	
/* header-area Menu Ends */
	 
	 
 /* Hero Area Starts */
	video {
		width:auto;
	}
	.slide-text.text-center > h2 {
		font-size: 12px;
	}
	.slide-text.text-center > h1 {
		font-size: 17px;
	}
	a.style-btn {
		border: 1px solid #fff;
		color: #fff;
		display: inline-block;
		font-size: 10px;
		margin-right: 4px;
		margin-top: 15px;
		padding: 10px;
		transition: all 0.6s ease 0s;
		width: 115px;
	}

/* when use Carousel Indicators For Mobile version
.carousel-indicators li {
  margin-left: 10px;
}
ol.carousel-indicators li.active {
  margin-left: 10px;
}
*/


	/* about-area Starts */
	.about-area-content-text {
		padding-top: 0;
	}
	.about-area-right {
		padding-left: 0;
		margin-top: 198px;
	}
	/* about-area Ends */


/* counter-up Starts */
	.counter-up-area {
	  padding: 40px 0;
	}
	.progress-bar-area {
	  background: #232425 none repeat scroll 0 0;
	  height: auto;
	  padding-top: 80px;
	  width: 100%;
	}
	.counter-up-single-icon-text h4 {
		font-size: 11px;
	}
	.counter-up-area-content-text p {
		color: #fff;
		line-height: 1.5;
		padding-right: 10%;
		font-size: 17px;
	}
	.counter-up-area-content-text {
	  margin-top: 30px;
	}
/* counter-up Ends */
	
	
/* Section Heading Starts */
	.section-top {
		padding-bottom: 20px;
	}
	.section-heading h2 {
	  font-size: 24px;
	}
	.section-heading h2::after {
		left: 47%;
		top: 40px;
		width: 7%;
	}
	
	/* Section Heading Ends */


/* when use Carousel Indicators For Mobile version inj creative-area

	.left.creative-control span {
		left: -16px;
	}
	.right.creative-control span {
		right: -16px;
	}

*/
	/* creative-area Starts  */
	.creative-area-single-content img {
		height: 250px;
	}
	.pricing-area-single-content.large {
		transform: scale(1);
	}
	/* creative-area Ends  */	
		
	
	/* latest-blog Area for small device (col-sm-..)  Ends */
		.latest-blog-area-single-content-text a {
			font-size: 10px;
		}
	/* latest-blog Area for small device (col-sm-..)  Ends */

	
	/* footer-top Starts  */
	.footer-top-area-widget-tagname {
	  margin-top: 24px;
	}
	.footer-top-area-widget-details.middle-right {
	  margin-top: 67%;
	}
	.footer-top-area-widget-details p {
		font-size: 10px;
	}
	.footer-area-text p a {
		font-size: 10px;
	}
	.footer-top-area {
	  padding-bottom: 40px;
	}
	
	/* footer-top Ends */
		
	
	/* googlemap-area  Starts */
	.googlemap-area {
		margin-bottom: 50px;
	}
	/* googlemap-area  Ends */
	

	/* footer-area Starts */
	.footer-area-text > p {
		font-size: 10px;
	}
	/* footer-area Ends */ 
		
}




/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) { 
	
	/* top-bar Area Starts */
	
	.top-left {
		margin-left: 0px;
	}
	.top-left {
		margin-left: 35%;
		width:64%
		
	}
	.social-icon li a {
		width: 35px;
	}
	.top-right {
		text-align: center;
	}
	.top-right > a {
		font-size: 14px;
	}
	.top-right > a i {
		font-size: 14px;
		padding-right: 7px;
		width: 25px;
	}
	/* top-bar Area Starts */
	
	/* Header Area Starts */
	.header-area .navbar-default {
		background: #125caf none repeat scroll 0 0;
	}
	.header-area .navbar-brand > img {
		margin-top: 5px;
		transition: all 1s ease 0s;
		width: 76%;
	}
	.header-area .navbar-brand > img {
		transition: all 1s ease 0s;;
	}
	.is-sticky .navbar-brand > img {
		transition: all 1s ease 0s;
		width: 65%;
	}
	.header-area .collapse.navbar-collapse {
		float: none;
	}
	.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
		margin-left: 0;
		margin-right: 0;
	}
	/* Header Area Ends */
	
	/* Hero Area Starts */
	video {
		width: auto;
		height: 100%;
	}
	a.style-btn {
		width: 125px;
	}
	.slide-text.text-center > h2 {
		font-size: 20px;
	}
	.slide-text.text-center > h1 {
		font-size: 25px;
	}
	
	
	/* Hero Area Starts */

	/* section-top Area Starts */
	.section-heading h1::after {
		left: 46%;
		width: 7%;
	}
	.section-text p {
		font-size: 14px;
	}
	/* section-top Area Ends */
	
	
	/* creative-area Starts  */
	.creative-area-single-content img {
		height: 400px;
	}
	.pricing-area-single-content.large {
		transform: scale(1);
	}
	/* creative-area Ends  */
	
	/* Latest-Blog Area Starts */
	.latest-blog-area-single-content-img {
		height: auto;
	}
	.latest-blog-area-single-content-img img {
		height: 350px;
	}
	/* Latest-Blog Area Ends */
	
	
	/* googlemap-area  Starts */
	.googlemap-area {
		margin-bottom: 50px;
	}
	/* googlemap-area  Ends */
	

	/* Footer Area Starts */
	.footer-top-area-widget-details.middle-right {
		margin-top: 40%;
	}
	
	/* Footer Area Ends */
	

	
}