@media all and (max-width:1024px) {
    #ascrail2000{display:none;}
    #ascrail2000-hr{display:none; }
    body{ padding: 0 !important;}
	
}

@media (min-width: 769px) and (max-width: 979px) {
    .logo {
        float: none !important;
        clear: both;
    }
    .nav {
        float: none;
        clear: both;
        width: 100%;
    }
    .container {
        width: 768px;
    }
	.build-plan{width:100% !important; z-index:20; text-align:center !important;}
}
@media all and (max-width: 768px) {
    
    body {
        margin-top: 100px;
    }
    .nav {
        float: none;
    }
	.build-plan{width:100% !important; z-index:20; text-align:center !important;}
    .logo {
        text-align: center;
        margin: 0 -100px;
        background: #000;
        float: none;
        height: auto;
    }
    
    .logo img{
        margin: 10px 0 10px;
    }
    
    nav {
        float: none;
        clear: both;
        width: 100%;
        text-align: center;
    }
    nav li {
        float: none;
        display: inline-block;
    }
    .container {
        width: 680px;
    }
    .speed_box {
        width: 40%;
        margin: 0 5%;
        
    }
    .speed_box.ipad {
        clear: both;
    }
    nav a {
        width: 85px;
    }
    nav a span.arr {
        border-width: 7px 42.5px 0;
    }
    h1 {
        font-size: 50px;
        line-height: 50px;
    }
    h2 {
        font-size: 36px;
        line-height: 36px;
    }
    h3 {
        font-size: 36px;
    }
    h4 {
        font-size: 24px;
        line-height: 24px;
    }
    h5 {
        font-size: 15px;
    }
    .pricing_table .span4 {
        margin-bottom: 10px;
    }
    .footer_bottom {
        text-align: center;
    }
    header {
        background: none;
    }
    .top_box_left,
    .top_box_right {
        margin-bottom: -1px;
    }
    .bot_box_left,
    .bot_box_right {
        margin-top: -1px;
    }
    nav a span.arr {
        margin-top: 34.5px;
    }
    .isotope-item {
        margin: 0 10px 10px 0;
    }
    nav li.current a span.hover {
        transition: all .5s;
        top: -1px !important;
    }
    nav li:hover a span.hover {
        transition: all .5s;
        top: -1px !important;
    }
    body {
        padding: 0 !important;
    }
    
    #ascrail2000{display:none;}
    #ascrail2000-hr{display:none; }
}

@media all and (max-width:670px) {
    nav a{width: 70px;}
    nav{ text-align: left;}
	.build-plan{width:100% !important; z-index:20; text-align:center !important;}
    .container{ width: 100%;}
    
}

@media (max-width: 480px) {
    
    .serv_mid .container { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; padding: 0 10px;}
    
    body{ margin: 0;}
	.build-plan{width:89.3%; z-index:20; text-align:right;}
    .pricing_table .span4 {
        margin-bottom: 10px;
    }
    header .container {
        width: 100%;
    }
    nav {
        display: none;
    }
    h1 {
        font-size: 30px;
        line-height: 30px;
    }
    h2 {
        font-size: 22px;
        line-height: 22px;
    }
    h3 {
        font-size: 22px;
    }
    h4 {
        font-size: 18px;
        line-height: 18px;
    }
    h5 {
        font-size: 13px;
    }
    .footer_bottom {
        text-align: center;
    }
    .speed_box {
        width: auto;
        margin: 0 0 15px;
        float: none;
        clear: both;
    }
    header {
        background: #000;
        height: auto;
        padding:0px !important;
		position:static;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
    }
    .logo {
        text-align: center;
        float: none;
        height: auto;
        padding: 10px 0;
        margin: 0;
    }
    .logo img {
        margin:0px 0 0;
    }
    body {
        font-size: 12px;
        /*margin-top: 150px;*/
    }
    .sub_title {
        margin-top: 0;
        margin-bottom: 25px;
        background: none;
        font-size: 16px;
    }
    .sub_title .plug {
        background: none;
        display: block;
    }
    .slide_text {
        top: 10%;
    }
    .slide_text .title1, .slide_text .title2 {
        font-size: 20px;
        line-height: 30px;
    }
    .back2top {
        bottom: -20px;
    }
    .service_box {
        margin-top: -25px;
    }
    .intro {
        margin: -25px 0;
    }
    .top_box_right {
        border-width: 0 0 20px 336px;
    }
    .top_box_left {
        border-width: 20px 0 0 336px ;
    }
    .bot_box_right {
        border-width: 0 336px 20px 0;
    }
    .bot_box_left {
        border-width: 20px 336px 0 0 ;
    }
    .mycarousel li {
        margin: 0;
        width: 280px;
    }
    .team_post {
        width: 260px;
    }
    footer {
        margin: -25px 0 0;
    }
    .mob_nav {
        display: block;
        margin: 0 auto;
    }
    .mob_nav ul {
        list-style: none;
        padding: 0;
        display: none;
        margin: 0;
    }
    .mob_nav ul li a {
        display: block;
        padding: 7px 7px 7px 15px;
        color: #fff;
        text-decoration: none;
        text-transform: uppercase;
    }
    .mob_nav ul li a.menu_1 {
        background: #000;
    }
    .mob_nav ul li a.menu_2 {
        background: #ff9900;
    }
    .mob_nav ul li a.menu_3 {
        background: #44a5ac;
    }
    .mob_nav ul li a.menu_4 {
        background: #324c68;
    }
    .mob_nav ul li a.menu_5 {
        background: #d44032;
    }
    .mob_nav ul li a.menu_6 {
        background: #3d9b03;
    }
    .mob_nav ul li a.menu_7 {
        background: #4a494a;
    }
	.slide_text {
        top: 10%;
    }
	
	.serv_mid .container{padding:0 5px;}
	.slide_text{top: 5%;}
	.slvideo{width:100%;}
	.flexslider .slides > li{height:auto !important;}
	.slide_text .title1{font-size: 32px !important;margin-bottom: 10px; margin: 0 auto; text-align: center; width: 92%!important;}
	.slide_text .title2{font-size:13px !important; line-height:20px !important;}
	
		.heading-frm{font-size: 18px; line-height: 20px;}
		.heading-frm a{ color:#fff;}

    .slide_text .title2{font-size:13px !important; line-height:20px !important; margin-top: 30px;}
    .trigger {
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width:100%;
        cursor: pointer;
        display: inline-block;
        padding: 10px 10px 10px 35px;
        background: #666666 url(../image/mob_menu.png) no-repeat 10px center;
        color: #fff;
    }
    .post {
        margin: 30px 0;
        padding-bottom: 30px;
    }
    .entry { 
        font-size: 13px;
    }
    #blog {
        margin-bottom: 25px;
        padding: 25px 0 0;
    }
    .top_box_left,
    .top_box_right {
        margin-bottom: -1px;
    }
    .bot_box_left,
    .bot_box_right {margin-top: -1px;}
	#filters li{display: inline-block; width: 100%;}
	.isotope-item img{width:100%; max-width:100%;}
	.isotope, .isotope .isotope-item{width:100%;}
	.container{  margin: 0 auto;}
	.slvideo{display:none;}
	#ascrail2000{display:none;}
	#ascrail2000-hr{display:none; }
	body{padding:0 !important;}
}

@media all and (max-width:320px){
		.flexslider .slides > li:nth-child(3){}
		.slvideo{display:none;}
		.build-plan{width:100% !important; z-index:20; text-align:center !important;}
}

/* ===== Mobile Improvements ===== */

/* Responsive images across all screens */
img {
    max-width: 100%;
    height: auto;
}

/* Fix footer layout on mobile */
@media (max-width: 699px) {
    #footer > div[style*="float"] {
        float: none !important;
        width: 100% !important;
        text-align: center !important;
        padding: 5px 0 !important;
    }
    #footer {
        padding: 10px 0;
    }
}

/* Tablet footer fix */
@media (min-width: 700px) and (max-width: 999px) {
    #footer > div[style*="float:left"][style*="width:40%"] {
        width: 50% !important;
    }
    #footer > div[style*="float:right"] {
        float: left !important;
        width: 100% !important;
        text-align: center !important;
        padding: 5px 0 !important;
    }
}

/* Fix mobile header hamburger button area */
@media (max-width: 999px) {
    #header {
        overflow: visible !important;
    }
    #dropdownon {
        position: relative;
        z-index: 100;
        width: 100%;
        box-sizing: border-box;
    }
    #dropdownon ul li a {
        padding: 12px 20px;
        display: block;
        font-size: 16px;
    }
}

/* Fix content boxes stacking on tablets */
@media (min-width: 700px) and (max-width: 999px) {
    #contentbox1,
    #contentbox2 {
        width: 100% !important;
        float: none !important;
        margin: 0 0 20px 0 !important;
    }
    #contain {
        width: 100% !important;
    }
}

/* Fix project images on mobile */
@media (max-width: 699px) {
    #contain {
        width: 100% !important;
        height: auto !important;
    }
    .gridText {
        padding: 10px !important;
    }
    .but {
        display: inline-block;
        margin-bottom: 10px;
    }
}

/* Prevent horizontal scroll on all screens */
body {
    overflow-x: hidden;
}
* {
    box-sizing: border-box;
}