@media screen and (max-width : 1220px) {
.container { width: 95%; }
/*****togle-Nav******/


}
@media screen and (max-width : 1169px) {

}
@media screen and (max-width : 1080px) {

}
@media screen and (max-width : 1024px) {

}
@media only screen and (max-width: 959px) {
  .menu-container {width: 100%;}
  .menu-container .menu{display:inline-block;}
  .menu-mobile {display: block; float: right; padding:28px 0px 0;}
  .menu-dropdown-icon:before {display: block;}
  .menu > ul {display: none; width:100%;}
  .menu > ul > li {width: 100%;float: none;display: block;  }
  .menu > ul > li a {padding:15px;width: 100%; display: block;border-bottom: 1px solid #3c3c3c;}
  .menu > ul > li > ul {position: relative; padding:20px;height: 258px; overflow: scroll;}
  .menu > ul > li > ul.normal-sub {width: 100%;}
  .menu > ul > li > ul > li {float: none; width: 100%; margin-top: 20px;}
  .menu > ul > li > ul > li:first-child {margin: 0;}
  .menu > ul > li > ul > li > ul {position: relative;}
  .menu > ul > li > ul > li > ul > li {float: none;}
  .menu .show-on-mobile {display: block; background: #fff;}
  .menu > ul > li a{color: #000;}
  .menu-mobile:after{color: #f14100;}
  .container-fluid {padding-right: 25px; padding-left: 25px;}
}

@media screen and (max-width : 900px) {

}
@media screen and (max-width : 850px) {

}
@media screen and (max-width : 800px) {

}
@media screen and (max-width : 767px) {
.container-fluid {padding-right: 15px; padding-left: 15px;}	
.socialicon{width: 100%; text-align: center; margin-bottom: 15px;}
.tp-contact{width: 100%; text-align: center;}
.tp-contact span{ background:none;}
.headertop{ height:auto;}
.navbar{background:#180071;}
.slider p{ padding:0px;font-size:16px;}
.main-text{top:230px; left:0px;}
.slider h1{font-size: 25px;}
.carousel-inner img{height: 520px !important;}
.slider h2{font-size: 22px;}
.menu > ul > li > ul{width:100%; left:0px; border-radius:0px;}
.menu a.logo{margin-right:0px; display:inline;}
.sub-text2{ padding:0px;}
.allIndustries{padding:0px;}
.allindistries h3{font-size: 28px;}
.meetclient{padding: 0px;}
.Questions {margin: 0; width: 100%;}
.thanksbox{ width:100%;}
.sliderimages{ display:none;}
.innerslider h4{padding: 0px 0px;}
.all-thems{ display:none;}
.subline{ padding:0px;}
.testimonial1__item p{padding:0px;}
.contactfooter .contact{ margin-bottom:10px;}
.logopageimages{width: 100%; margin-left: 0; margin-bottom:15px;}
.logodesignpage{ padding:0px 5px;}
.innerslider h4{font-size: 15px; line-height: 22px;}
.aboutpage h2{font-size: 25px;}
.psd-to-bootstap{width: 100%; margin-left: 0px; margin-bottom:15px;}
.Questionstitle{font-size: 24px;}
.E-Commerce h2{font-size: 23px;}
.WordPressthemeCustomizing {width: 100%; margin-bottom: 20px;}
.ecomersmain h3 {color: #fff; font-size: 22px;}
.Maintenanceimg{width: 100%; margin-bottom: 20px;}
.Web-Maintenance h2 {margin-bottom: 40px; font-size: 24px;}
.Custom-Wordpress {width: 100%;margin-bottom: 20px;}
.whychnagedesign .redesignbox{ margin-bottom:20px;}
.innerslider{height: 510px;}
.htmltowordpress{ width:100%; margin-bottom:20px;}
.phpdevelopmentservices{width:100%; margin-bottom:20px;}
.wordpresssevelopserv{width:100%; margin-bottom:20px;}
.WebsiteDevelopmentimages{width:100%; margin-bottom:20px;}
.websitedesign{width:100%; margin-bottom:20px;}
.healpyou ul li{width: 100%;}
.Development-Process li{float: inherit; margin: 0 auto 20px; text-align: center;}
.Dv-Process h3{font-size: 22px;}
.EffectiveLayout{padding: 20px 0px;}
.EffectiveLayout img {float: right; width: 100%; margin-top: 30px;}
.sketchtohtml {width: 100%; margin-bottom: 20px;}
.ecommercedesign {width: 100%;margin-bottom: 20px;}
.Website-Redesign{width: 100%;margin-bottom: 20px;}
.whychnagedesign .redesignbox{padding: 20px 20px 20px;}
.redesignbox .Company-Services{font-size: 21px;}
.Upgraderesponsive h2{font-size: 24px;}
.Upgraderesponsive h2 span{font-size: 20px;}
.responsivedesignpage{width: 100%;margin-bottom: 20px;}
.uiuxdesign{width: 100%;margin-bottom: 20px;}
.landingpageimg{width: 100%;margin-bottom: 20px;}
.Customdesign{width: 100%;margin-bottom: 20px;}
.socialmedia{width: 100%;margin-bottom: 20px;}
.mobileapp{width: 100%;margin-bottom: 20px;}
.clienthappy h3{font-size: 24px;}


}
@media screen and (max-width : 639px) {
.allindistries .icon{width:33.3%;}
.serborder{ border-radius:0px;border: 1px solid #989898; box-shadow:none; height:auto; width:auto;}
.serborder:hover{ box-shadow:none; border: 1px solid #f14100;}
.button-all .buttons{ width:100%; font-size: 15px;}
.innerslider h1{line-height: 32px;}
.aboutpage p{text-align: left;}
h1, h2, h3, h4, h5, h6{font-size: 30px;}
.Lets-Get-Started h3{font-size: 24px;line-height: 32px;}
#footer ul li a{font-size: 14px;}
.carousel-indicators {bottom: 0px;}
.contactuspage{height: 380px;}

}
@media screen and (max-width : 580px) {

}
@media screen and (max-width : 530px) {
.homeblogs .bolg-post-list>li {width: 100%; margin-bottom: 20px;}
.innerslider h1 {font-size: 20px; margin-top:40px;}
.innersliderimg{ display:none;}
.allindustriessection h3{font-size: 22px;}
}
@media screen and (max-width : 479px) {
.allindistries .icon{width: 50%;}
.serborder{ border-radius:0px;border: 1px solid #989898; box-shadow:none; height:auto; width:auto;}
.serborder:hover{ box-shadow:none; border: 1px solid #f14100;}
.button-all .buttons{ width:50%; font-size: 15px;}
	
}
@media screen and (max-width : 440px) {
.menu img {max-width: 75%;    padding-top: 12px;padding-bottom: 12px;}
.menu-mobile{padding:38px 0px 0px;}
.slider h1 {font-size: 28px;}
.main-text {top: 230px;}
.carousel-control .icon-right, .carousel-control .fa-chevron-right{right: 3px;}
.carousel-control .icon-prev, .carousel-control .fa-chevron-left{left: 2px;}
.tp-contact span{display: inherit;}
.menu a.logo{display: contents;}

.testimonial1__item p{ padding:0px;}
.testimonial1__item p {font-size: 15px; line-height: 22px;}
.ficon{width: 55px;}
.ficon img{width: 40px; margin-top: 15px;}
.testimonial1 h3{ font-size:30px;}   
.innerslicercontent{top: 75px;}
.aboutpage h2 {font-size:20px;}
.Lets-Get-Started h3 {font-size: 28px;}
.allindustriessection ul li{width: 168px;}
}
@media screen and (max-width : 420px) {
.allindustriessection ul li{width: 155px;}
.allindustriessection p {font-size: 16px;}
.Lets-Get-Started h3{font-size: 24px;}
.buttons{font-size: 15px;}
.innerslider h1 {font-size: 18px;}
.ecomersmain h3 {font-size: 20px;}	
}
@media screen and (max-width : 360px) {
.serv{height: 110px; width: 110px;}
}
@media screen and (max-width : 320px) {

}