/*for laptop*/
@media (max-width: 1366px) and (min-width: 1030px){

	.tab-content {
	    padding: 25px 60px 0px 40px;
	}
	ul.services-main-list li a p {
	    font-size: 12px;
	}
	section.footer-bottom{
		padding: 20px 0px 15px 0px;}

		.contact-content p{
		padding: 0px 15px;
		}
		/*for header*/
		.container.middle-device {
		    width: 100%;
		}
		section.top-header-left{
		    width: 110%;
		}
		.logo img {
		    padding: 10px 5px 10px 5px;
		}
		ul.list-inline.footer-bottom {
			bottom: -73px;
		}

		footer .container-fluid .top-logo {
		    background-image: url(../images/light-logo-bg.png);
		    background-position: -5% -70px;
		    background-repeat: no-repeat;
		    background-size: 33% 121%;
		}
		.services-tab-content {
    		width: 85%;
    	}
    	/*********for services page*************/
    	ul.services-main-list li{
    		    width: 140px;
    	}
    	.service-section-page .affix li>a{
    		min-height: 85px;
    	}
    	.services-main-list>li a{
    		  /*  min-height:110px ;*/
    	}
	}

/*ipad view portrait*/
@media (min-width: 768px) and (max-width: 1023px){
	/*header section*/
	.shrink .navbar-header .navbar-brand {
    display: block;
    padding: 7px 15px 6px 15px;
	}
	nav.navbar.navbar-default .navbar-nav>li>a{
	    padding: 10px 0px;
    margin: 0px 9px;
	}
	ul.nav.navbar-nav li .active:before{
		    top: 40px;
	}
	nav.navbar.navbar-default .navbar-nav>li>a{
		    line-height: 30px;
	}
	p.qualities-name{    font-size: 20px;}
	
	.services-content:nth-child(3n+1){ 
	  border-right: none;
	}

	.services-content:nth-child(2),.services-content:nth-child(3) ,.services-content:nth-child(4) {
	  border-top: none;
	}
	p.services-name{    
		min-height: 40px;
	}
	section.top-header-left{    
	padding: 15px 0px 15px 50px;
    width: 250px;
	}
	h3.company-email{    
		font-size: 13px;
		text-align: right;
		padding-right: 30px;
	}
	.carousel-caption .overlay{    
	border-bottom: 300px solid #2c6ca8;
    border-left: 300px solid transparent;
	}
	.carousel-caption .overlay-left{
	border-bottom: 300px solid rgba(100, 172, 209, 0.72);
    border-left: 380px solid transparent;
	}
	.carousel-caption .corner-overlay-content{
		right: 15px;
	}
	h2.slideInLeft{  
	  font-size: 23px;
	}
	p.slideInLeft.title{    
	font-size: 25px;
	display: block;
    margin: 0;
	}
	.slider-icon img{
		width: 80px;
	}
	.nav.navbar-nav li {
		margin: 0 0px 0 0;
	}
	/*footer*/
	section.footer-bottom{
		    padding: 30px 53px 15px 0px;
	}

	footer .container-fluid .top-logo {
	    background-position: -6% -96px;
	    background-size: 38% 130%;
	}
	ul.list-inline.footer-bottom {
		    right: -30px;
    width: 130%;
	}
	/*about page*/
	section.banner{
		    background-position: center !important;
	}
	.about-overlay{
		min-height: 400px;
	}
	.about-img img {
    margin-top: 5%;
	}
	.about-img{
		background: none;
	}
	.about-content h3{
		margin: 15px 0px
	}
	/*client page*/
	.client-img {
    padding: 0px;
    min-height: 150px;
	}
	
	/*contact page*/
	.contact-content {
		min-height: 280px;
		padding: 15px 0px;
	    margin: 0 0px;
	    margin-bottom: 30px;
	}
	.contact-content p{
	   padding: 0px 10px;
	   font-size: 15px;	
	}
	.contact-content .email-text a span{
		font-size: 14px;
	}
	ul.fax-list li{
		    padding: 0px 5px;
	}
	span.fax {
    margin-left: 30px;
    display: inline-block;
    margin-top: 7px;
	}
	.contact-no .title-contact{
		text-align: center;
		    display: block;
	}
	/*gallery page*/
	.content .content-overlay{
	 height: 150px;
    width: 225px;	
	}
	.content:hover .content-details{
		    left: 85%;
	}
	/*services page*/

	ul.nav.nav-tabs.services-main-list img{
		width: 60%;
		min-height: 40px;
        max-height: 45px;
	}
	ul.nav.nav-tabs.services-main-list li{
		width: 87px;
		min-height: 109px;
	    margin: 0 auto;
	    max-height: 109px;
	}
	.services-main-list>li.active>a,
	 .services-main-list>li.active>a:focus, 
	.services-main-list>li.active>a:hover{
		min-height: 110px;
	}
	.nav-tabs>li.active::after{
		bottom: -6px;
	}
	/*career form*/
	.form-control.custom-file-input{
		width: 55%;
	}
	img.elite-tagline{
		padding: 0 15px;
	}
	.services-content:nth-child(3n+2) {
	    clear: both;
	}
	ul.nav.nav-tabs.services-main-list {
	    display: flex !important;
    }
}

/*ipad landscape*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape){
	nav.navbar.navbar-default .navbar-nav>li>a
	{    
		padding: 15px 8px;
	}
	nav.navbar.navbar-default .navbar-nav>li>a{
		    line-height: 20px;
    		margin: 0px 6px;
	}
	ul.list-inline.contact-list{
		    margin: 15px 20px 10px 30px;
	}
	.carousel-caption .overlay{
		border-bottom: 380px solid #2c6ca8;
    border-left: 380px solid transparent;

	}
	.carousel-caption .overlay-left{
	border-bottom: 380px solid rgba(100, 172, 209, 0.72);
    border-left: 450px solid transparent;

	}
	p.services-name {
    min-height: 40px;
	}
	h2.slideInLeft{
		    font-size: 30px;
	}
	p.slideInLeft.title{
		font-size: 40px;
	}
	
	.nav.navbar-nav li {
	    margin: 0 10px 0 0;
	}

	footer .container-fluid .top-logo {
	    background-position: -1% -96px;
	    background-size: 33% 123%;
	}

	ul.list-inline.footer-bottom {
		bottom: -34px;
		right: 5px;
    width: 100%;

	}
	/*about page*/
	.about-overlay{
		min-height: 310px;
	}
	.about-content h3{
		margin: 35px 0px;
	}
	/*client page*/
	.client-img {
    padding: 10px;
    min-height: 150px;
	}
	/*gallery*/
	.content .content-overlay{
		height: 142px;
    width: 215px;
	}
	.content:hover .content-details{
		left: 85%;
	}
	/*services*/

	ul.nav.nav-tabs.services-main-list li{
		width: 117px;
		    min-height: 110px;
	}
	ul#services-list{
		    width: 100%;
	}
	.services-img{
		width: 100%;
	}
	.services-tab-content{
		    width: 94%;
	}
	.services-img img {
    margin: 0 auto;

	}
	ul.nav.nav-tabs.services-main-list li{
		min-height: 125px;
		width: 130px;
	    margin: 0 auto;
	}

	ul.nav.nav-tabs.services-main-list {
	    display: flex !important;
    }
	.services-main-list>li.active>a,
	 .services-main-list>li.active>a:focus, 
	.services-main-list>li.active>a:hover{
		min-height: 125px;
		padding:15px 0px;
	}


	/*contact page*/
	ul.fax-list li{
		padding: 0px 5px;
	}
}

@media only screen and (min-width: 1024px){

	.services-content:nth-child(4n+1) { 
	  border-right: none;
	}

	.services-content:nth-child(2),.services-content:nth-child(3),.services-content:nth-child(4),.services-content:nth-child(5)  {
	  border-top: none;
	}
}

/*mobile view portrait*/
@media (max-width: 767px){
	/*header*/
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #fff;
        background: transparent;
	}
	.row.header {
		background: none;
		    background-color: #fff;
	}
	.shrink .row.header {
	    margin-top: -59px;
	}
	.navbar-brand span.icon-EOL-logo {
	    font-size: 40px;
	}	
	.navbar-nav {
	    margin: 7.5px 0px;
	    padding: 0 15px;
	}
	ul.nav.navbar-nav .dropdown-menu {
    background: transparent;
	}
	.nav.navbar-nav li {
		margin: 0;
	}
	ul.nav.navbar-nav li a.active{
		width: 100%;
	}
	.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
		width: 100%;
	}
	.navbar-default .navbar-toggle{
		margin-right: 30px;
	}
	.mobile-view{ margin: 15px 10px 0px;}
	.logo img {
    padding: 10px 0px 10px 0px;
    margin-left: auto;
    margin-right: auto;
    display: block;
   }
   img.elite-tagline{
   	padding: 0 35px;
   }
   .email-icon img{
   	    padding-top:2px;
   }
	.carousel-caption .overlay,.carousel-caption .overlay-left{
		display: none;
	}
	.carousel-caption .corner-overlay-content{    
	right: 0;
    left: 0;}
    .carousel-indicators{
    	    display: none;
    }
    h2.slideInLeft,p.slideInLeft.title{
    font-size: 20px;
    margin: 5px;
    display: block;
    text-shadow: none;
        text-align: center;
    }
    #carousel-example-generic .carousel-caption{
   	right: 0%;
    left: 0%;
    bottom: 0px;
    top: 0px;
    position: relative;
    background: #33b1e6;
    padding-top: 60px;
    }
    section.padding {
    padding: 30px 0px 30px 0px;
	}
	p.about-text{padding: 15px 5px 15px 5px;}
	.slider-icon img{display: none;
	}
	h3.section-services-heading{
		margin-bottom: 20px;
	margin-top: 20px;}
	.section-heading{    
		font-size: 25px;
	}
	.sercvices-section {
		margin-bottom: 25px;
	}
	section.footer-bottom{
		background: #fff;
		padding: 5px 15px;
	}
	p.footer-contact a{
		font-size: 12px;
		    color: #2258a2;
	}
	.top-footer {
		background: none;
		background-color: #29a0de;
	}
	p.footer-bottom-text{ 
	      color: #2258a2;
	          padding: 0px;
	}
	ul.list-inline.footer-bottom{
		float: none;
		right: 0;
		width: 100%;
		    bottom: 0;
	}

	footer .container-fluid .top-logo {
	    background-image: url(../images/light-logo-bg.png);
	    background-position: -7% -100px;
	    background-repeat: no-repeat;
	    background-size: 60% 50%;
	}
	ul.social-list .fa {
	    font-size: 20px;
	}
	ul.list-inline.footer-bottom li {
		padding: 0;
	}
	.footer-contact a {
		font-size: 16px;
	}
	
	.services-content{
		border-right:0;
	    border-top: 0;
	}
	.services-content:last-child {
    border-bottom: none;
	}
	.services-bg1, .services-bg2, .services-bg3, .services-bg4, .services-bg5, .services-bg6, .services-bg7, .services-bg8{margin: 20px 0px 25px 0px;
	}
	button.btn.btn-primary.blue-button.read-more{   
	 font-size: 15px;
	}
	p.qualities-count{    
		font-size: 25px;
	}
	p.qualities-name{
		font-size: 17px;
	}
	.quality-icon {
		min-height: 90px;
	}
	
	.border-xs:last-child{
		border: none;
	}
	/*footer*/
	ul.footer-list {
		padding: 0 0 0px 0;
    	display: inline-block;
	}
	 ul.list-inline.social-list{
	 float: right;
    position: relative;
    top: 0px;
	 	}  
	 	.footer-logo img {
    margin: 0 auto;
}
	/*banner section*/

	section.banner {
    background-position: center !important;
	}
	.banner-content{
     left: 5px;
    top: 15px;
	}
	h1.page-heading{
		font-size: 15px;
    	top: 90px;
	}
	.breadcrumb{
		top:80px;
	}
	/*about page*/
	section.padding-section {
    padding: 5px 0px;
	}
	.about-content h3{
		    margin: 20px 0px;
	}
	.about-content h3{
		font-size: 25px;
	}
	.about-client-heading img {
    height: 50px;
    max-width: 100%;
    margin: 20px 20px 0px -10px;
	}
	.about-overlay{
		    margin-bottom: 15px;
	}	
	/*team page*/
	section.team-service h3{
		    font-size: 23px;
	}
	section.team-service p{
		    padding: 10px 0px;
	}
	.team-content h3{
		font-size: 20px;
		    margin-bottom: 10px;
	}
	/*client page*/
	.client-img {
    padding: 0px;
    min-height: 100px;
	}
	/*gallery page*/
	.content .content-overlay{
	height: 92px;
    width: 140px;
	}
	.content:hover .content-details{
		    left: 80%;
	}
	.demo-gallery > ul {
    margin-bottom: 0;
    margin: 0;
}
	/*services page*/
	h3.services-heading{
		font-size: 14px;
	}
	.servies-heading-back{
	padding: 10px 10px 10px 10px;
    top: 0;
    left: 0px;
    z-index: 2;

	}
	ul.services-list li{
		margin-left: -20px;
	}
	.tab-content {
    padding: 0px;
    margin-top: 15px;
	}
	.services-tab-content {
    padding: 10px 0px 0px 10px;
	}
	h3.tab-title{
		margin-bottom: 10px;
		font-size: 15px;
	}
	ul.services-list.nvocc li {
    margin: 0 0 0 10px;
	}
	
	ul.services-main-list li{
	float: none;
    display: inline-block;
    top: 0px;
    
    }
    ul.nav li a.shrink-logo, 
    .navbar-header .navbar-brand,
     .shrink .nav.navbar-nav.pull-right{
    	display: none;
    }
	.service-section-page .affix{
		top: 80px;
    	z-index: 1;
	}
	.service-section-page .affix .services-main-list li{
		top: 60px;
	
	}
	ul.nav.nav-tabs.services-main-list{
		background: none;
	}
	li.mobile-grey-dark {
    background: #ebeaea !important;
	}
	li.mobile-grey-light{
	background-color: #f3f3f3 !important;
	}
	li.dark-grey {
    background: transparent;
	}
	li.light-grey{
	background: transparent;
	}
	/*contact page*/
	ul.fax-list li{
		padding: 0px 10px;
		border: 0;
	}
	.title-contact.fax-title{
		padding-left: 0px;
    display: block;
	}
	span.fax{
		margin-left: 0;
   	 display: block;
	}
	.contact-content.text-center {
    margin-bottom: 15px;
	}
	.btn-primary#submit,.btn-primary#clear{
	padding: 5px 30px;
	float: left;
    margin: 0 auto;
    margin-bottom: 10px;
    margin-right: 10px;
	}

	.form-control.custom-file-input{
		width: 100%;
	}
	form.bordered-form {
    padding: 0px 15px;
	}

	.form-group {
	    margin-bottom: 20px;
	}

	a.read-more {
	    padding: 5px 31px;
	}

	.read-more .icon-right-arrow {
	    top: 9px;
	}

	.contact-content {
   		margin-bottom: 20px;
   	}
}

/*mobile landscape*/

@media only screen and (min-width: 480px) and (max-width: 736px) {
	/*gallery page*/
.content .content-overlay {
	    height: 175px;
	    width: 264px;
	}
	.content:hover .content-details {
	    left: 90%;
	}
	.tab-content>.tab-pane {
	    padding: 10px 0px;
	    min-height: 760px;
	}
	.contact-no .title-contact {
	    display: block;
	    text-align: center;
	}
}