@media (max-width: 1400px){
	header .container{width: 98%}
}

@media (max-width: 1200px){
	.container{width: 100%;padding: 0 20px;}
	header .logo-desk{padding-top: 25px; width: 130px;}
	header nav > ul > li{margin-right:5px}
	header nav > ul > li:last-child{margin-left: 0px}
	.home-slider .container h1{font-size: 90px;}
	.home-slider .container p{font-size: 30px; margin-bottom: 40px; line-height: 30px;}
	.featured-img h1{font-size: 90px;}
	.featured-img p{font-size: 30px; margin-bottom: 40px; line-height: 30px;}
	.intro ul li{width: 23%; min-height: 180px;}
	.choose-us ul.colorbg-list li{min-height: 102px;}
	.tech-solutions ul li{width: 22%}
	footer .top-section p{font-size: 22px;}
	.inner-content .left-area { width: 25%;}
	.inner-content .right-area { width: 25%;}
	.inner-content .content-area { width: 41%;}
	.portfolio-layout li { height: 250px; width: 23%;}
	.contact-area { width: 70%!important;}
	footer .middle-section .content-box p span{font-size: 25px;}
	ul#brochures-cataloges{margin: 0}
	ul#brochures-cataloges li, .cataloges-thumb{padding: 10px;}
	.inner-content .content-area .partner_listing li{width: 25%}

}
@media (max-width: 1025px){
	a.example-image-link, .portfolio-wrapper{height: 180px;}
	ul#brochures-cataloges li{padding: 0 5px;}
	#brochures-cataloges .cataloges-thumb h4{font-size: 17px;}
	.inner-content .content-area .partner_listing li{width: 33.3%}
}


@media (max-width: 979px){
	header{border-bottom: 1px solid rgba(255, 255, 255, 0.5);}
	header .logo-desk{width: auto; padding: 19px 0px}
	header .responsive-icon{display: block;float: right;top: 25px;position:  relative;}
	header .responsive-icon i{color: white;font-size: 30px; cursor: pointer;vertical-align: middle;line-height: 35px;}
	header .responsive-icon i:hover{color: #eeb131}
	header nav{/*display: none;*/position: fixed;top: 1px;right: 1px;background: #fff;width: 320px;height: 100vh; right: -400px; z-index: 11; overflow: hidden; overflow-y: scroll;}
	header nav ul li{width: 100%;margin-right: 0px;position:  relative;background:  #eee;border-bottom:  1px solid #d6d6d6;}
	header nav ul li a{color: #333;padding: 8px 10px;font-size: 14px;display: block;background:  #eee;width: 80%;}
	header nav ul li a:hover{}
	header nav ul .other-link{margin-left: 0px!important}
	header nav ul .other-link .link{display: none!important;}
	header nav ul .other-link ul{display: block;width: 100%;}
	header nav ul .other-link ul li{margin-left: 0px!important;list-style-type: none!important;float: left;width: 25%!important;text-align:  center;padding: 0px!important;border-bottom: 0px!important;}
	header nav ul .other-link ul li img{display: block; margin: 0 auto; width: 25px}
	header nav ul .other-link ul li a{padding: 5px!important;font-size: 10px!important;background: white;}
	header nav ul li.other-link:hover ul{margin-left: 0px!important;list-style-type: none!important;position:  initial;width: 100%;float:  left;margin-bottom:  0px;}
	header nav ul li.other-link:hover ul li img{display: block;margin: 0 auto;width: 25px;float:  none;position:  initial;}
	header nav ul li.other-link:hover ul li a{}
	/*header nav ul li:hover .sub-menu{display: none!important}*/
	/*header nav ul li:hover .sub-menu { position: initial; width: 100%!important; height: 200px; overflow-y: scroll; }*/
	header nav ul li:hover .sub-menu { position: initial; width: 100%!important; display: none; }
	header nav ul li .sub-menu { position: initial; width: 100%!important; height: 200px;overflow:hidden; overflow-y: scroll; }
	header nav ul .sub-menu .left{width: 100%!important;width: 100%;float: left;}
	header .resp-hide{display: block}
	header .title-mob{position: relative;background: white;border-bottom:  1px solid #eeb131!important;}
	header .title-mob a{color: #eeb131!important;font-size: 20px!important;padding: 15px 10px!important;background:  white;}
	header .title-mob i{color:#eeb131; position: absolute; right: 15px; top: 12px; font-size: 25px; cursor: pointer;}
	header .social-mob{}
	header .social-mob ul{width: 100%;float: left;border-bottom: 1px solid #d6d6d6;margin-top: 2px;padding-top:  6px;padding-bottom: 6px;background:  white;}
	header .social-mob ul a{width: 11%;float: left;padding: 0px;text-align: center;border: 0;background:  white;}
	header .social-mob ul a img{width: 26px;}
	header .social-mob ul a img:hover{opacity: .5}
	header .social-mob ul a:hover{border:0px!important;}
	header .social-mob:hover ul{margin-bottom: 0px!important}
	header.sticky .responsive-icon i{color: #eeb131}
	header.sticky nav { box-shadow: 0px 1px 1px 0px #757575;}
	header.sticky nav ul li a{padding: 10px}
	header.sticky .responsive-icon{top: 5px;}
	header nav .content{display: none;}
	header nav ul ul{display: block;width: 100%;background:  white;}
	header nav ul ul li a {background: none!important;padding: 5px 10px;box-sizing: border-box;font-size: 18px;width: 100%;}
	header nav ul ul li{width: 95%!important;background: white;border-bottom:  0;}
	header.sticky{position: initial;}
	header .icon-social{display: none!important}
	header .mob-hide{display: none!important}
	header .open{font-family: fontawesome; color: #333; position: absolute; right: 6px; display: block; padding: 5px 10px; top: 0px; z-index: 99}
	header .open.active{transform: rotate(180deg);}
	header nav ul .sub-menu{height: 200px;overflow-x: scroll;background: white;}
	.home-slider .container h1 { font-size: 70px; letter-spacing: -1px;}
	.home-slider .container p{font-size: 24px;}
	.featured-img h1{ font-size: 70px; letter-spacing: -1px;}
	.featured-img p{font-size: 24px;}
	.intro ul li{margin: 30px 0px; padding: 10px 2px 10px 2px; width: 32.5%;}
	.search-domain .search-bar{width: 100%}
	.search-domain .search-bar select{width: 20%; padding: 19px 2px; font-size: 15px}
	.search-domain .search-bar input[type='text']{width: 58%}
	.search-domain .search-bar input[type='submit']{width: 20%; padding: 5px 0px}
	.choose-us ul.colorbg-list li{padding:20px 10px 10px;}
	.tech-solutions ul li{width: 24%!important}
	.tech-solutions ul ul li{width: 100%!important}
	.tech-solutions ul li ul li{line-height: 20px;}
	footer .top-section p { font-size: 20px; }
	footer .top-section a{padding: 15px 10px; font-size: 17px;}
	footer .middle-section .content-box p span{font-size: 33px}
	.inner-content{margin-bottom: 0px}
	.inner-content .left-area { width: 33%;}
	.inner-content .content-area { width: 64%;margin: 0px; float: right;}
	.inner-content .content-area ul{width:45%; margin-right: 5%}
	.inner-content .content-area ul li{line-height: 20px}
	.inner-content .right-area {width: 100%; margin-top:50px }
	.inner-content .right-area span { width: 33%; padding: 0px 10px 0px 10px; border-right: 1px solid #e0e0e0;text-align: justify;}
	.sidebar-form { width: 33%!important; float: left; padding: 0px 10px 0px 10px; }
	.right-area iframe{width: 33%!important; float: left; padding: 0px 10px 0px 10px;}
	.portfolio-slider {width: 33%; float: left; clear: initial; padding: 0px 10px 0px 10px; }
	hr.space{display: none;}
	.inner-content .right-area span:last-child{border-right: 0px;}
	.inner-content .right-area a.btn{padding: 12px 0px; font-size: 18px;}
	.inner-content .right-area a.btn{margin-top: 6px}
	.inner-content .right-area select{margin: 8px 0px 0px 0px}
	.portfolio-layout li {width: 31%;}
	.contact-area { width: 60%!important; }
	footer .middle-section .content-box { width: 21%;}
	footer .middle-section .content-box:last-child{width: auto}
	#portfoliolist .portfolio{width: 25%;}
	.intro p br{display: none;}

	.search-domain .search-bar {margin: 10px 0;position: relative;}
	.search-domain .search-bar select { width: 70px; padding: 10px 2px;position: absolute;left:20px;line-height: 40px;height: 40px;display: inline-block;}
	.search-domain .search-bar form{width: 100%;padding:0 100px 0 90px;}
	.search-domain .search-bar input[type='text'] { width: 100%;height: 45px; margin-bottom: 10px; font-size: 15px; padding: 0px;}
	.search-domain .search-bar input[type='submit'] {width: 90px;padding: 0;position: absolute;right: 20px;top: 16px;line-height: 40px}

	.responsive-icon a.call-now {vertical-align: top;color: #fff;padding:0px 10px;border-radius: 5px;background: #eeb131;margin-right: 10px;display: inline-block;line-height: 35px;}
	.inner-content .content-area .partner_listing li{width: 20%}
}

@media (max-width: 767px){
    .home-slider .container h2 {    font-size: 30px; letter-spacing: -1px; color: #fff;}
	h3 { font-size: 30px;}
	h2 { font-size: 35px;}
	header nav ul li ul li a img{left: 0px!important; width: 20px;}
	.home-slider .item{min-height: 552px}
	.home-slider .container{padding-top: 150px; padding-bottom: 150px; min-height: auto}
	.home-slider .container h1{font-size: 45px;}
	.home-slider .container p{font-size: 20px; line-height: 26px}
	.home-slider .container a{padding:16px 20px; font-size: 20px}
.home-slider .container h2:after {
    margin: 20px auto;
}
	.featured-img{background-attachment: initial!important}
	.featured-img h1{font-size: 45px;}
	.featured-img p{font-size: 20px;}
	.intro{margin-top: -50px; margin-bottom: 0px; padding-bottom: 0px}
	.intro p { margin-bottom: 30px;}
	.intro ul li{width: 49%}
	.search-domain{padding: 35px 0px; background-attachment: initial;}
	.search-domain ul li{margin: 0px 5px;}
	.search-domain ul li img {width: 100px;}
	.search-domain .search-bar {margin: 10px 0;position: relative;}
	.search-domain .search-bar select { width: 70px; padding: 10px 2px;position: absolute;left:20px}
	.search-domain .search-bar form{width: 100%;padding:0 100px 0 90px;}
	.search-domain .search-bar input[type='text'] { width: 100%;height: 45px; margin-bottom: 10px; font-size: 15px; padding: 0px;}
	.search-domain .search-bar input[type='submit'] {width: 90px;padding: 0;position: absolute;right: 20px;top: 16px;line-height: 40px}
	.choose-us{padding: 30px 0px}
	.choose-us h3 { margin-bottom: 20px; }
	.choose-us ul.colorbg-list{overflow: hidden;}
	.choose-us ul.colorbg-list li{width:33.3%; min-height: auto; padding: 20px 2px; font-size: 14px;float: left;min-height: 70px;border-left: 1px solid #fff;border-right: 1px solid #fff;margin-bottom: 2px;}
	.choose-us ul.colorbg-list li:first-child { border-bottom-left-radius: 0px;}
	.choose-us ul.colorbg-list li:last-child{border-top-right-radius: 0px;}
	.choose-us ul.colorbg-list li:nth-child(3){border-top-right-radius: 10px;}
	.choose-us ul.colorbg-list li:nth-child(4){border-bottom-left-radius: 10px;}
	.choose-us ul.colorbg-list { margin: 5px 0px 40px 0px; }
	.choose-us ul.service-points li {width: 49%; margin-bottom: 10px}
	.tech-solutions ul li {width: 49%!important; margin-bottom: 15px}
	.tech-solutions ul li ul li{font-size: 14px; margin-bottom: 0px}
	.service-sec{padding: 40px 0px; background-attachment: initial;}
	.service-sec p { font-size: 20px; line-height: 26px; padding: 10px 0px 10px 0px}
	.service-sec a{padding: 16px 20px; font-size: 20px;}
	.development-sec{padding: 30px 0px 10px 0px}
	.development-sec h2{font-size: 35px; margin-bottom: 20px;}
	.development-sec ul li{width: 100%; text-align: center; margin-bottom: 20px}
	.development-sec ul li h3 { font-size: 24px; line-height: 28px;}
	.development-sec ul li p{text-align: justify; font-size: 15px;}
	footer{background-attachment: initial;}
	footer .top-section{font-size: 20px;line-height: 28px;padding: 20px 0px;}
	footer .top-section p{line-height: 28px;width: 66%;}
	footer .top-section a{}
	footer .middle-section{padding: 30px 0px; position: relative; text-align: center;}
	footer .middle-section .content-box {width: 32%!important;margin-top: 180px;}
	footer .middle-section .content-box:last-child{position: absolute;top: 0px;width: 100%!important;text-align: center;left: 0px;margin-top: 20px;}
	footer .copyright{padding: 20px 0px}
	.inner-content .left-area{display: none;}
	.inner-content .content-area{width: 100%}
	.inner-content .content-area ul { width: 100%!important; margin: 0px; margin-bottom: 10px; }
	.inner-content .right-area{margin-top: 25px}
	.portfolio-layout li { height: 200px; width: 46%;}
	.contact-area{width: 100%!important; margin: 0px!important;}
	footer .copyright p{width: 100%; margin-bottom: 5px; line-height: 16px}
	footer .copyright ul.social{width: 100%}
	.inner-content{margin-top: -50px}
	input{margin: 4px 0px 14px 0px}
	label{font-family: 'breuertextregular'}

	a.example-image-link, .portfolio-wrapper{height: 140px;}
	ul#brochures-cataloges li{width: 50%;margin-bottom: 10px;}
	
}

@media (max-width: 640px){
	#portfoliolist .portfolio{width: 33.3%;}
	a.example-image-link, .portfolio-wrapper{height:150px;}
	.portfolio-page ul#filters li span{font-size: 16px;padding: 10px 20px;}
	.inner-content .content-area .partner_listing li{width: 25%;}
	}

@media (max-width: 479px){
	h2 {font-size: 30px;}
	h3 {font-size: 25px; line-height: 30px}
	header nav ul li ul li a img{left: initial!important; margin: 0 auto 10px auto; display: block;}
	.search-domain h2{font-size: 25px;}
	.search-domain h2 span{font-size: 22px;}
	.search-domain p{font-size: 16px;}
	.home-slider .item{min-height: 447px}
	.home-slider .container h1 { font-size: 30px; }
	.home-slider .container h1:after{margin: 20px auto}
	.home-slider .container p { font-size: 16px; line-height: 23px; font-weight: 300; margin-bottom: 20px}
	.home-slider .container a { padding: 10px 20px; font-size: 17px; }
	.intro h3 { margin-bottom: 20px; }
	.intro ul li{width: 100%; margin: 30px 0px 10px 0px; padding: 10px; min-height: auto}
	.search-domain .search-bar input[type='submit']{font-size: 17px;}
	.search-domain p.white{font-size: 17px;}
	.search-domain ul li { margin: 0; }
	.search-domain ul li img{width: 60px}
	.choose-us { padding: 30px 0px 15px 0px; }
	.choose-us ul.colorbg-list { margin: 5px 0px 30px 0px; }
	.choose-us ul.colorbg-list li { width:50%; padding: 20px 12px}
	.choose-us ul.colorbg-list li:nth-child(3) { border-top-right-radius: 0px;}
	.choose-us ul.colorbg-list li:nth-child(4) { border-bottom-left-radius: 0px; }
	.choose-us ul.colorbg-list li:nth-child(2){ border-top-right-radius: 10px;}
	.choose-us ul.colorbg-list li:nth-child(5){ border-bottom-left-radius: 10px;}
	.choose-us ul.service-points li{width: 100%}
	.tech-solutions ul { margin: 30px 0px; }
	.tech-solutions h3{font-size: 24px;}
	.tech-solutions ul li{width: 100%!important; text-align: center;}
	.tech-solutions ul li ul li:before{display: none;}
	.service-sec p{font-size: 17px; line-height: 22px}
	.service-sec a{padding: 10px 20px; font-size: 17px;}
	.development-sec h2 { font-size: 31px;}
	.development-sec ul li a{padding: 10px 20px; font-size: 17px;}
	.inner-content .right-area { margin-top: 10px; border-top: 1px solid #ece5e5; padding-top: 15px; }
	.inner-content .right-area span{width: 100%; padding: 0px;border:none;}
	.sidebar-form{width: 100%!important;padding: 0}
	.portfolio-slider{width: 100%!important}
	.portfolio-layout li { height: 200px; width: 100%; margin: 0px; margin-bottom: 10px; }
	.contact-area .col-50{width: 100%; margin-bottom: 0px!important}
	footer .top-section{text-align: center;}
	footer .top-section p{width: 100%}
	footer .top-section a{float: none; margin: 20px auto 0px auto; display: inline-block;}
	footer .middle-section{padding: 30px 0px 0px 0px;}
	footer .middle-section .content-box:first-child{margin-top: 180px}
	footer .middle-section .content-box{width: 100%!important; margin-top: 0px; margin-bottom: 20px; border-bottom: 1px solid rgba(255, 255, 255, .1); padding-bottom: 20px;}
	.right-area iframe{width: 100%!important;margin-bottom: 40px;padding: 0}

		#portfoliolist .portfolio{width: 33.3%;}
	a.example-image-link, .portfolio-wrapper{height:140px;}
	.inner-content.portfolio-page h3{text-align: center;}
	.featured-img h1{font-size: 40px;}
	footer .copyright ul.social li{margin: 0 auto}
	footer .copyright p a.dmca-badge {
    display: block;
    margin: 0 auto;
    width: 100%;
}
.inner-content .content-area .partner_listing li{width: 33%;}
}
@media (max-width:420px){
	#portfoliolist .portfolio{width:50%;}
	a.example-image-link, .portfolio-wrapper{height:150px;}
	.portfolio-page ul#filters li span {font-size: 13px;padding: 7px 15px;border-radius: 20px;}
	ul#brochures-cataloges li{width: 100%;}
	.featured-img h1{font-size: 35px;}
	.search-domain .search-bar select, .search-domain .search-bar input[type='submit']{width: 100%;position: static;clear: both;display: block;}
	.search-domain .search-bar form{padding: 0}
	header .logo-desk{height:60px;padding: 15px 0}
	header .container{width: 100%}
	header .responsive-icon{top: 12px}
	.inner-content .content-area .partner_listing li{width: 50%;min-height:auto}
	.inner-content .content-area .partner_listing li:nth-child(odd){clear: both;}
}