/*==================================Media styles===================================*/

	@media screen and ( min-width: 1600px ) 

	{

		.menu li a{padding: 34px 12px 14px 12px;}

		h2{font-size:68px;line-height:72px;}

		.disruptive-slider p{font-size:20px;line-height:30px;}

		.content-box .para-box p{font-size:20px;line-height:30px;}

		

		.connector-end{top:-60px;}

		.connector-start{bottom:-30px;}

		.photo-box .frame {width: 320px;height: 240px;}

		.photo-box .img-box{width: 200px;height: 180px;}

		

		.photo-box .img-box.animate{width: 320px;height: 240px;}

	}

	

	

	

	@media screen and ( max-width: 1200px ) 

	

	{

		.connector-end,.connector-start{display:none;}

		.menu li a{font-size:12px;}

		.prt-item .prt-logo .connector{display:none;}

		.section-head span.faded-head.animate {

			font-size: 110px;

		}

		.disruptive-slider h2{line-height:50px;}

		.section-head  span.faded-head{top:34px;}

		.logo{height: 75px;	width: 280px;}

		.logo.animate{height: 75px;width: 280px;}

		.logo-base.animate{width:500px;height:500px;}

		

		.parner-wrapper ul li:nth-child(even) .prt-item .prt-logo{

			top:0;	

		}

		.parner-wrapper ul li:nth-child(odd) .prt-item .prt-logo{

			bottom:inherit;

			top:0;	

		}

		.prt-item{min-height:190px;padding:30px 0px;}

		

		.prt-item.animate .prt-logo.odd,.prt-item.animate .prt-logo.even{

			    transform: translate(0px,0px);

				-webkit-transform: translate(0px,0px);

				-moz-transform: translate(0px,0px);

				-ms-transform: translate(0px,0px);

		}

		

		.prt-item.animate .prt-logo.odd, .prt-item.animate .prt-logo.even{

			transform: translate(0px,0px) !important;

		}

		.solu-content{padding:25px;}

		.solu-content h4{font-size:28px;line-height:32px;}

		.solu-content .icon{width:140px;height:140px;}

		.solu-content p{font-size:18px;line-height:28px;}

		

	}

	

	

	

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

	

	{

		

		ul.menu{display:none;}	

		.mobile-menu{display:block;}

		.menu li a.invert {

			color: #FFF;

		}

		

		.mobile-menu a.menu-toggle{display:block;}

		h2{font-size:48px;}

		.section-head.single-line span.faded-head{font-size:100px;top:24px;}

		.section-head.single-line span.faded-head.animate{font-size:80px;}

		.contact-wrapper{padding-bottom:100px;}

		.logo-base.animate{width:500px;height:500px;}

		.sol-item .texting h4{font-size:16px;line-height:20px;}

		.prt-item .prt-logo{width:120px;height:120px;}

		.slider-content {

			display: block;

			padding: 0px 10px;

		}

		

		

		.content-box:hover .para-box,

		.content-box.move-right:hover .photo-box,

		.content-box:hover .photo-box,

		.content-box.move-right:hover .para-box

		{

				transform: translate(0px,0px)!important;

		}

		

		.photo-box .frame {

			width: 270px;

			height: 210px;

			border: 25px solid #FFF;

		}

		

		.solu-content{padding:25px;}

		.solu-content h4{font-size:24px;line-height:28px;}

		.solu-content .icon{width:100px;height:100px;position:relative;}

		.solu-content .icon img{max-width:55%;max-height:55%;}

	}

	@media screen and ( max-height: 900px )

	{

		/*.logo-base.animate {

			width: 500px;

			height: 500px;

		}*/

				

		.content-box .para-box p	

		{

			font-size:18px;

			line-height:26px;	

		}

		.photo-box .frame {

			width: 315px;

			height: 250px;

			border:25px solid #FFF;

		}

		.photo-box .img-box.animate {

			width: 315px;

			height: 250px;

		}

		h2{font-size: 54px;line-height:60px;}

		.section-head.single-line span.faded-head{font-size:100px;top:16px;}

		.section-head.single-line span.faded-head.animate{font-size:85px;}

		.content-box{margin-top:40px;}

		.connector-start { bottom: -50px;}

		.connector-end{top:-80px;}

		

		.photo-box .img-box.animate {

			transform: translate(50px,-50px);

			-webkit-transform: translate(50px,-50px);

			-moz-transform: translate(50px,-50px);

			-ms-transform: translate(50px,-50px);

		}

		.content-box.move-right .photo-box .frame {

			border: 25px solid #8455a3;

		}

		.content-box.move-right .photo-box .img-box.animate {

			transform: translate(5px,-25px);

			-webkit-transform: translate(5px,-25px);

			-moz-transform: translate(5px,-25px);

			-ms-transform: translate(5px,-25px);

		}

		.menu li a {padding: 34px 14px 14px 14px;}

		.sol-item .texting h4{    font-size: 18px;    line-height: 24px;}

		

		.prt-item .prt-logo img{max-width:80%;}

		.client-logo{height:100px;}

		

		

		

		.contact-info .contact-item{margin:15px 0px;}

		.contact-info .contact-item h4 span{font-size:20px;}

		.contact-info .contact-item h4{font-size:24px;}

		.contact-form{    padding: 20px 35px 60px 35px;}

		.contact-form .contact-input{height:38px;}

		.contact-form .contact-input.text-area{min-height:70px;}

		.contact-submit{font-size:22px;height:50px;}

		

		.logo{height: 75px;	width: 280px;}

		.logo.animate{height: 75px;width: 280px;}

		

		

	}

	@media screen and ( max-height: 899px ) {

		.content-box .para-box p,.disruptive-slider p	

		{

			font-size:17px;

			line-height:28px;	

		}	

	}

	

	@media screen and ( max-height: 768px )

	{

		.photo-box .frame {

			width: 280px;

			height: 220px;

			border:25px solid #FFF;

		}

		.photo-box .img-box.animate {

			width: 280px;

			height: 220px;

		}

		

		.solutions-base .col-xs-6{float:none;width:100%;}

		.logo-base{width:400px;height:400px;}

		.logo.animate {

			height: 75px;

			width: 280px;

		}

		.contact-wrapper{padding-bottom:80px;}

		.connector-start,.connector-end{display:none;}

		

		

		

	}

	



	@media screen and ( max-width: 1200px ) 

	{

		

	}

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

	}

	

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

		

	}

	

	

		

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

	{

		

	}

	

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

	}

	

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

		

		

	}

	

	

	

	

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

	

	{

		.content-box{margin-top:20px;}

		.photo-box{display:block;width:300px;margin:20px auto 40px auto;}

		.photo-box .frame{position:relative;margin-bottom:0px;left:inherit;right:iinherit;width:100%;z-index:4;}

		.photo-box .img-box,.content-box.move-right .photo-box .img-box{left:0;right:0;top:0;bottom:0;margin:auto;width:100%;height:100%;}

		.content-box .photo-box .img-box.animate{

			transform:translate(0px,-0px);

			-webkit-transform: translate(0px,-0px);

    		-moz-transform: translate(0px,-0px);

    		-ms-transform: translate(0px,-0px);	

		}

		.content-box.move-right .col-sm-6{

			float:none;	

		}

		

		.content-box.move-right .photo-box .img-box.animate{

			transform:translate(0px,-0px);

			-webkit-transform: translate(0px,-0px);

    		-moz-transform: translate(0px,-0px);

    		-ms-transform: translate(0px,-0px);	

			width:100%;height:100%;

		}

		.content-box .para-box{text-align:center;padding-bottom:20px;}

		.disruptive-slider h2{font-size:36px;line-height:36px;}

		.section-head  span.faded-head{top:20px;}

		.section-head span.faded-head.animate{font-size:86px;}

		.disruptive-slider p{font-size:18px;line-height:30px;}

		

		.footer-block{

			position:static;

		}

		.contact-wrapper{padding-bottom:0;}

		.section-content{padding:50px 0px;}

		.copyright {

			padding: 25px 0px 20px 0px;

			text-align:center;

		}

		.social-block{float:none;}

		.social-block ul li a {

			width: 48px;

			height: 48px;

			padding-top: 15px;

		}

		.back-to-top{position:relative;z-index:99;margin:0px auto 0px auto;left:inherit;right:inherit;width:160px;top:inherit;}

		

		.solu-content{text-align:center;}

		.solu-content .icon{float:none;margin:0px auto 20px auto;}

		.solu-content .para{padding-left:0;}

		.solu-content .para{font-size:20px;}

		.sol-item{margin-left:0;margin-right:0;}

	}

	

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

		

		

	}

	





		



	@media screen and ( max-width: 600px ) 

	{

		.disruptive-slider h2, h2 {

			font-size: 30px;

			line-height: 30px;

		}

		.section-head span.faded-head.animate {

			font-size: 50px;

		}

		.section-head.single-line span.faded-head.animate {

			font-size: 50px;

		}

		.section-head.single-line span.faded-head{top:0;}

	}

	@media screen and ( max-width: 480px ) 

	{

		.logo-base{width:300px;height:300px;}

		.logo.animate {

			height: 68px;

			width: 245px;

		}

		.disruptive-slider h2, h2 {

			font-size: 25px;

			line-height: 28px;

		}

		.section-head  span.faded-head{top:12px;}

		

		.mobile-menu ul li a {

			padding: 7px 0px;

			font-size: 11px;

		}

		

	}

	

	@media screen and ( max-width: 400px ) 

		

	{	

	}