/* Extra small devices (phones, less than 768px) */
@media (max-width : 768px) {
	
	.popup {
		width: 100% !important;
		height: 400px;	
	}
	
	.popup-close {
    	right: 0px !important;
	}
	/*home-carousel*/
	.slider-section{
		max-height: 400px;
	}
	.carousel-caption {
	  margin-top: -80px;
	}
	.carousel-caption h1 {
	  font-size: 22px;
	  line-height: 35px;
	  letter-spacing: 0px;
	  margin-bottom: 0;	
	}
	.carousel-caption p {
	  font-size: 10px;
	  margin-bottom: 15px;
	}
	.carousel-caption .btn {
	  font-size: 14px;
	  padding: 10px 30px;
	}

	/* === Creative Section === */
	.mac-screenshot img,
	.responsive-screenshot img{
		margin: 0 auto;
	}



	/* === SERVICE SECTION === */
	.service-tab li > a{
		padding: 20px 10px;
	}

	.service-tab li span{
		display: none;
	}

	/* === PORTFOLIO SECTION === */
	.nav-tabs.nav-justified>li{
		display: table-cell;
		width: 1%;
	}

	/*About us section*/
	.creative-skills {
		margin-bottom: 30px;
	}
	/*cta-two-section*/
	.cta-two-section .btn {
	    padding: 14px 30px;
	}
	/*process-box */
	.process-box {
	  margin-bottom: 30px;
	}
	/*quote-carousel*/
	#quote-carousel .carousel-indicators {
	  bottom: -45px;
	  left: 40%;
	  width: 90%;
	  margin-left: -35%;
	}
	#quote-carousel .carousel-control {
	  bottom: 0px;
	}
	#quote-carousel .carousel-control.left {
	  left: 0;
	}
	#quote-carousel .carousel-control.right {
	  right: 0;
	}
	/*case-study*/
	.case-study-left {
	  padding: 60px 25px 60px 25px;
	}
	.case-study-right {
	  padding: 60px 25px 60px 25px;
	}
	/*contact-section*/
	.contact-section .btn {
	  min-width: 270px;
	}
	.social-icon li {
		margin-bottom: 10px;
	}


	/* === SERVICES SECTION === */
	.sbox-gutter {
	    border: 0;
	}
	/* === PORTFOLIO SECTION === */
	.portfolio-container ul#grid li{
	    width: 100%;
	}
	/*team sction*/
	.team-thumb {
	  margin-bottom: 30px;
	}
	/*call to action two*/
	.cta-two-section .btn {
	  display: block;
	  margin-top: 20px;
	}

	/* === about-section === */
	.video-wrap iframe {
	  height: 160px;
	  margin-top: 20px;
	}
	
	/*Megamenu*/
	li.sub-nav ul {
		display: block;
		margin-left:  0;
		box-shadow: none;
		background: none;
		position: relative;		
	}
	.mega-menu {
		padding-top: 0;
	}
	.mega-menu li ul {
		min-height: 15px;
	}
	ul.sub-menu {
		position: relative;
		top: 0;
	}
	ul.sub-menu li {
    margin-left: 25px;
}
	.sub-menu-image, .sub-menu-image.active, li.has-child:hover .sub-menu-image {
		display: none;
	}
	.mega-menu li.has-child {
		width: 210px;
		
	}
	.mega-menu li ul li {
		border: none;
		}
	ul.sub-menu {
		position: relative !important;
		display: block !important;
	}
	.mega-menu li h3 {
		line-height: 24px;
	}
	.mega-menu li ul li a {
		line-height: 9px;
		font-size: 13px;
	}
	.iconcept_edge a { min-height: auto }

}


@media (min-width: 768px) {
.icon-tab-mail {
    background: url(../images/sprite.png) -386px -279px no-repeat;
    width: 37px;
    padding: 0px 0 8px 50px;
}
.icon-tab-skype {
    background: url(../images/sprite.png) -451px -279px no-repeat;
    width: 30px;
    padding: 0px 0 8px 50px;
}
}
@media (max-width : 520px) {
#home {
		display: inline-block !important;
		min-height: 170px !important;
		height: 180px !important;
	}
div#home.hero-section.tt-container.tt-fullHeight.particle-bg {
	    max-height: 56vh !important;
}	
a.company-name {
	font-size: 40px !important;
}
div#jssor_1 {
	height: 180px !important;
}
}

@media (max-width : 600px) {
	.website-sec .inner-head h1, .inner-head h1 {
		font-size: 30px;
		line-height: 40px;
		padding-left: 15px !important;
	}
	.text-pad p, h3.red {
		padding-left: 15px !important;
	}
	.mega-menu {
		min-height: 178px;
	}
	.aboutcolumn {
		margin: 15px;
		height: 300px;
	}
	.creative-section .container {
		padding-left: 0;
		padding-right:0;
	}

	.creative-section {
		margin: 0px auto !important;
	}

	.navbar-brand {
		height: 72px;
    	padding: 28px 15px;
	}
	.navbar-toggle {
    	padding: 8px;
    	margin-top: 22px;
	}
	#home {
		display: inline-block !important;
		min-height: 200px;
	}
	.service-tab li, .service-tab li:first-child {
		border: none;
	}
	.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover, .service-tab .nav-tabs>li.active>a, .service-tab .nav-tabs>li.active>a:focus, .service-tab .nav-tabs>li.active>a:hover {
		background: none;
		background-color: transparent;
	}
	.service-tab li > a {
		background-color: transparent;
		background: none;
		border-bottom: none;
	}
	.service-tab li.active:after, .service-tab li:hover:after {
		border-bottom: none;
	}
	.service-tab .nav-tabs, .nav>li>a:focus, .nav>li>a:hover {
		background: #e8e6e6;
	}
	.nav-tabs li .icons img {
		opacity: .5;
	}

	.row#web-design, .row#apps-design, .row#corporate-video, .row#graphic-design, .row#digital-marketing, .row#video-brochure {
		margin-right: 0;
		margin-left: 0;
	}
	.hidden-xs {
		display: none;
	}
	.visonsmall {
		display: block;
	}
	.creative-section .visonsmall .btn {
		margin-top: 0;
		padding: 6px 14px;
	}
	a.get-started {
		background: #d31923;
		color: #fff;
		font-size: 14px;
		padding: 6px 14px;
		text-align: center;
		border-radius: 5px;
		text-decoration: none;
		/* border: #e15331 solid 1px; */
		line-height: 1.42857143;
	}
	a.get-started:hover {
		background: #af0b13;	
	}
	.tablist {
		font-size: 12px !important;
	}
	.mac-screenshot {
		padding-top: 0;
	}
	.mb10 {
		margin-bottom: 10px;
	}
	.portfolio-container ul#filter li {
		display: inline-block;
		font-size: 14px;
		line-height: 19px;
		padding: 4px 10px;
		border-radius: 20px;
		cursor: pointer;
	}
	.proj-disc-pad h2 {
		font-size: 16px !important;
	}
	.mail-phone {
		padding: 21px 3px;
	}
	.white-button a {
		padding: 8px 3%;
	}
	.client-slider-v4-wrapper h2 {
		font-size: 30px !important;
	}
	.social-icon ul li a i {
		font-size: 19px;
		line-height: 40px;
		color: #fff;
		width: 40px;
		height: 40px;
	}
	.footer-section p {
		font-size: 12px;
	}
	.backToTop i {
		line-height: 63px;
		width: 80px;
    	height: 80px;
	}
	address {
	    font-size: 12px;
	}
	.lead {
		font-size: 15px;
	}
	#tawkchat-status-message {
		text-align: center !important;
	}
}


@media (max-width : 481px) {
	.ouricons, .ourservices, .tabs {
		display: none;
	}
	.smallscreenaccordion {
	display: block
	}
	.serviceimage {
		min-height: 200px;
	}
	.serviceimagewraper {
		min-height: 225px;
		right: 0;
		margin-bottom: 20px;
	}
	.options p.lead {
		color: #ffffff;
		padding: 15px;
	}
	
	.faq-section .panel-group .panel-heading a{padding-right: 35px;}
	
	.social {
    margin: 0px 5% 20px 3%;
    width: 92%;
    float: left;
    text-align: center;
}

}

/* Landscape Mobile */
@media only screen and (min-width : 480px) and (max-width : 767px) {

	/* === HOME CAROUSEL === */
	.slider-section{
		max-height: 400px;
	}
	.carousel-caption {
	  margin-top: -95px;
	}
	.carousel-caption h1 {
	  font-size: 33px;
	  line-height: 56px;
	}
	.carousel-caption p {
	  font-size: 14px;
	  margin-bottom: 25px;
	}

	/* === SERVICE SECTION === */
	.service-tab li > a{
		padding: 20px 10px;
		font-size: 14px;
	}

	.service-tab li span{
		display: block;
	}

	/* === PORTFOLIO SECTION === */
	.nav-tabs.nav-justified>li{
		display: table-cell;
		width: 1%;
	}

	/* === PORTFOLIO SECTION === */
	.portfolio-container ul#grid li{
	    width: 50%;
	}
	.portfolio-item {
	  min-height: 170px;
	}

	/* === about-section === */
	.video-wrap iframe {
	  height: 330px;
	}
	/*.ouricons ul li {
    width: 31%;
    height: 100px;
    border-radius: 7px;
    float: left;
    padding: 10px 0px;
	margin-right: 2%;
	margin-bottom: 8%;
	}
	.row.ouricons h3 {
    margin: 2% 14%;
    font-size: 22px;
	}
	.circle {
    width: 50px;
    height: 50px;
	padding-top: 11px;
	 margin: -24% 0 0 30%;
	}
	.circle i:before {
    font-size: 20px !important;
	}*/
	
	.ouricons, .ourservices, .tabs {
		display: none;
	}
	.smallscreenaccordion {
	display: block
	}
	.serviceimage {
		min-height: 315px;
	}
	.serviceimagewraper {
		min-height: 342px;
		right: 0;
		margin-bottom: 20px;
	}
	.options p.lead {
		color: #ffffff;
		padding: 15px;
	}
}

/*Laptops between 1365 to 1599*/
@media only screen and (min-width : 1365px) and (max-width : 1599px) {
	h3.combination {
		margin-top: -4%;
	}
}
/*Laptops between 1365 to 1599 Ends*/


/* Small devices (tablets, 768px and up) */
@media (min-width : 768px) and (max-width : 991px) {

	/*navbar*/
	.navbar-default .navbar-nav>li>a {
	  padding: 40px 12px;
	}
	.navbar-default.sticky .navbar-nav>li>a {
	  padding: 20px 12px;
	}

	/*home-carousel*/
	.carousel-caption {
	  margin-top: -142px;
	}
	.carousel-caption h1 {
	  font-size: 60px;
	  line-height: 44px;
	  letter-spacing: -3px;
	  margin-bottom: 30px;
	}

	
	/*feature-section*/ 
	.feature-section .media{
		margin:0 0 40px;
	}

	/* === about-section === */
	.creative-skills {
		margin-bottom: 30px;
	}
	.video-wrap iframe {
	  height: 200px;
	}

	/* === SERVICES SECTION === */
	.sbox-gutter:nth-child(2),
	.sbox-gutter:nth-child(4),
	.sbox-gutter:nth-child(6) {
	    border-right: 0;
	}
	.sbox-gutter:nth-child(3) {
		border-right: 1px solid #dedede;
	}
	.sbox-gutter:nth-child(4) {
		border-bottom: 1px solid #dedede;
	}

	/* === PORTFOLIO SECTION === */
	.portfolio-container ul#grid li{
	    width: 33%;
	}
	.portfolio-item {
	  min-height: 180px;
	}

	/*cta-two-section*/
	.cta-two-section .btn {
	    padding: 14px 30px;
	}

	/*process-box */
	.process-box {
	  margin-bottom: 30px;
	}

	/*quote-carousel*/
	#quote-carousel .carousel-indicators {
	  bottom: -45px;
	}
	#quote-carousel .carousel-control {
	  bottom: 0px;
	}


	/*case-study*/
	.case-study-left {
	  padding: 60px 25px 60px 25px;
	}
	.case-study-right {
	  padding: 60px 25px 60px 25px;
	}
	
	.servicecontent {
    margin: 15% 0 0 2%;
}
.servicedesc {
	    min-height: 500px;
}
/*.serviceimagewraper {
    width: 48%;
	 right: 3%;
}*/
.serviceimage {
	margin-top: 33%;
	    min-height: 280px;
}
.servicecontent h3 {
    font-size: 4.6vw;
}
.row.ouricons h3 {
	font-size: 17px;
}
 .circle {
	width: 60px;
    height: 60px;
	 margin: -58% 0 0 21%;
	 padding-top: 16px;
 }
.circle i:before {
    font-size: 26px !important;
}
.ouricons ul li {
	height: 150px;
}
}




/* Medium devices (desktops, 992px and up) */
@media (min-width : 992px) and (max-width : 1199px) {

	/* === PORTFOLIO SECTION === */
	.portfolio-container ul#grid li{
	    width: 25%;
	}
	.portfolio-item {
	  min-height: 180px;
	}
	
	/* === about-section === */
	.video-wrap iframe {
	  height: 260px;
	}
	.circle {
		margin: -40% 0 0 25%;

	}

}


@media (min-width : 992px) and (max-width : 1199px) {
/*	.col-lg-4.col-md-5.serviceimagewraper {
    width: 45%;
	right: 10%;
}*/
.servicecontent {
    margin: 15% 0 0 19%;
}
	.serviceimage {
		min-height: 380px;
		margin-top: 18%;
	}

}
@media screen and (min-width:1024px) and (max-width:1200px) {
	.iconcept_edge a { min-height: 350px }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width : 1200px) and (max-width : 1280px) {

	/* === PORTFOLIO SECTION === */
	.portfolio-item {
	  min-height: 180px;
	}
		.servicecontent {
    margin: 15% 0 0 7%;
}
/*	.col-lg-4.serviceimagewraper {
    width: 49%;
	right: 4%;
}*/

}
@media (min-width : 1281px) and (max-width : 1580px) {
/*	.col-lg-4.serviceimagewraper {
    width: 44%;
	    right: 13%;
}*/

}


/* Large devices (large desktops, 1920px and up) */
@media (min-width : 1920px) {

	/* === PORTFOLIO SECTION === */
	.portfolio-item {
	  /*min-height: 171px;*/
	}

}
@media (max-width : 768px) {

	/* === PORTFOLIO SECTION === */
	.isotope-item {
		width: 50% !important;
	}

}
@media (max-width : 500px) {

	/* === PORTFOLIO SECTION === */
	.isotope-item {
		width: 100% !important;
	}

}

@media (max-width:1280px) {
.niyati-expertise-sec { height: auto }
.expert-col-icon { float: left; width: 40%; padding-right: 10% }
.expert-col-text { float: left; width: 50%; }
.expertise-left img { padding-top: 75px }
.ourwork-portfolio { margin: 0 0%; }
.view-sixth1 h2 { font-size: 20px; margin: 2% 40px 2% 40px; }
.view-sixth1:hover .mask1 img { width: 38px }
.website-sec-col-left { padding-left: 5%; }
.mobile-technology { background: url(../images/mobile-technology.jpg) no-repeat 100% bottom; background-size: 55% auto; }
}


/*ipad styles ######################## */
/* Portrait */
 @media screen and (min-width:900px) and (max-width:1200px) {
	 
.tp-caption.tt-slider-title.sft.intro, .tp-caption.tt-slider-title.sft.web {
    font-size: 4vw !important;
    margin: 2% 2% !important;
}


ul.slider-list li {
	font-size: 23px;
}
.tp-caption.tt-slider-subtitle.sft.intro {
    margin: 2% 2% !important;
}
h3.combination {
    font-size: 34px;
}

}

/*ipad styles ######################## */