@media only screen and (max-width: 767px) {
/*common*/
.section_full{padding:10px;}
.three_fluid, .two_fluid{margin:0;}
.three_fluid .repeat-grid{margin:10px 0; }
.three_fluid .grid.grid--image{    width: 100%;margin-top: 0px;}
.three_fluid .grid, .two_fluid .grid, .three_fluid .grid:first-child, .three_fluid .grid.table_grid{width:100%; 
margin:0; border-top:1px solid #cfcfcf; padding:10px;}
.three_fluid .grid:first-child, .two_fluid .grid:first-child{border-top:0px;}
.three_fluid .grid:last-child,.two_fluid .grid:last-child{border:0px; background:none; padding:10px 0;}
.primary_bttn{padding:10px 0; width:100%; text-align:center; }
.grid .frm-pannel ul li{width:100%;}
.primary_bttn a{font-size:13px;}
#navToggle li {
    background-color: #dc070c;
    height: 3px;
    list-style: outside none none;
    margin: 3px 0;
    width: 20px;
}
body.toggled_left .navpanel{
    opacity: 1;
    transform: translate(0px, 0px);
	-moz-transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
}

 .navpanel{background: #000 none repeat scroll 0 0;
    bottom: 0;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    left: 0;
    margin: 0;
    opacity: 0;
    overflow: auto;
    padding: 0;
    position: fixed;
    top: 0;
    transform: translate(-100%, 0px); -webkit-ransform: translate(-100%, 0px); -moz-transform: translate(-100%, 0px);
    transition: all 300ms ease 0s; -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s;
    width: 260px;
 z-index: 110;}
 
 .navpanel ul {
    display: inline-block;
    margin: 0;
    padding: 20px;
    vertical-align: top;
 }
 
 

.section_primary{padding:10px;}
.list_toggle {display: inline-block; left: 0;position: absolute; top: 50%;
    transform: translate(0px, -50%);  -moz-transform: translate(0px, -50%);  -webkit-transform: translate(0px, -50%); z-index: 1;}

.navpanel ul{padding:10px; display:block;}
.navigations li{display:block; border-bottom:1px solid #2b2b2b; padding:10px;}
.navigations li.active_nav, .navigations li:hover{border-top:0px;}
.logo{ position: relative; left:50%; width:130px;
    transform: translate(-60%, 0px);  -moz-transform: translate(-60%, 0px);  -webkit-transform: translate(-60%, 0px);}
body.fixed .section_primary{
    margin: 0;
}

/*Banner*/
.slider{background:#dc070c; background-image:none!important; }
.slider img{display:none;}
.slider .hide{display:block!important;}
.banner-txt{padding: 20px;}
.banner-txt, .banner-wrap{display: block; height: auto;}
.banner-txt .sub--title{font-size: 20px;}
.banner-txt .title{color: #fff;font-size: 20px;text-align: center;}
.two--btn img{display:block;}.slides--home .slider .two--btn{position:relative; top:0;  left: 0; transform:translate(0, 0); -moz-transform:translate(0, 0);-webkit-transform:translate(0, 0);}.slides--home .slider .btn.black_btn{padding: 5px 10px; background: transparent; display:block;}.slides--home .slider .two--btn .btn:last-child{margin-left:0px;}.slides--home .slider .two--btn .btn:last-child img{padding: 5px 35px;}.slides--home .slider .two--btn img{background: #000;padding: 5px 40px;border-radius: 4px;margin: auto;}

/*Circle's section*/
.section--blue{overflow: visible;}
.three-layer, .three-layer.circle--odd{width: 100%; height: auto; top: 0;}
.three-layer.circle{background: transparent; border: 0; margin-top: 0;}
.code-circle, .circle--odd .code-circle{background:transparent; width: 100%; height: auto; position: relative;}
.code-circle img{display:none;}
.smallcircle{vertical-align: top; border:0px; position: static; width:135px; height:135px; display:inline-block; 
padding: 0 20px; margin:4px;}
.smallcircle.circle-review{position: static; }
.smallcircle img{display:block; position: relative; top:0;  transform: translate(-50%, 50%); -moz-transform: translate(-50%, 50%);
-webkit-transform: translate(-50%, 50%);}
.smallcircle:before, .smallcircle:after{border:0px;}
.text-placement{position: static; color:#3399cc; font-size:13px; margin-top: 35px; }

.two_fluid{padding:0;}
.head--title{text-align:center;}
.logo-heading.left{float:none!important;}
.head--title .right{float:none!important;}
.app-image{width: 115px; margin-top:20px;}
.detail-grid{margin-top:10px;}
.two_fluid .btn:last-child{margin-left:0px; margin-top:0px;}
.two_fluid  .two-btn{display: block;}
.two_fluid .btn{display:block; text-align: center;}
.two_fluid .grid:last-child{float:none; width:100%; text-align: center;}
.two_fluid .grid img{float:none;}

.section_purple .title{font-size:19px;}
.screenmobile-appimage ul li{width: 33%; margin: 10px;}

/*Button*/
.btn.mediumGap_btn{margin:15px 0;}




.gridspanel__title{display:block;}
.form_quote:before{background:none;}
.form_quote .title h5{text-align:center; font-size:20px;}
.form_quote .title h5 span.first-txt{font-size:20px; float:none; margin-left:0;}
.form_quote .title h5 span.middle-txt{display:inline-block; margin-left:0; font-size:20px; line-height:0;}
 .form_quote .title h5 span.last-txt{margin-left:0; font-size:20px; line-height:0.5;}
.form_quote input[type="submit"]{font-size:17px;}
.grid_pannel ul li{width:100%; margin:0px 0 40px;}


#footer .footernavpanel{padding:0 10px; width:100%;}
.gridspanel__title{ background:#fff; padding:5px 10px; color:#000; cursor:pointer;}
.gridspanel__title:before{background: #999;
    content: "";
    height: 2px;
    position: absolute;
    right: 35px;
    top: 19px;
width: 10px; }
.gridspanel__title.active:after {
    display: none;
}
.gridspanel__title:after {
    background: #999;
    content: "";
    height: 2px;
    position: absolute;
    right: 35px;
    top: 19px;
    transform: rotate(90deg);
    width: 10px; 
}
.gridspanel__content{display:none;}

#footer .footernavigations li{border-bottom:1px solid #c80505; display:block; padding:10px 0;}
#footer .footernavigations li a{color:#fff;}
#footer .right_copyright{display: block; float:none; text-align:center; margin-top:5px; color:#fff;}


/*inner pages*/

/*===========Showcase===========*/
.listing{margin:0; margin-top:35px;}
.listing li{width:100%; margin-left: 0; margin-right:0;}
.listing li:hover .border-grid{background:none;}


/*Contact */
.form-bg{background:none; padding: 0 15px; height: auto;}
.form-right {width: 100%;float: none;display: block;}
.tbl_frm{display: block; width: 100%; height: auto;}
.input--hoshi{margin:35px 0;}
.input--hoshi--btn{float:none; text-align: center; display: block;}
.input--hoshi--btn .btn{font-size: 19px; padding: 10px 45px;}
.section--lightblue{margin-top: 30px;}
.circle--list li{margin:25px 0; display:block;}
.three-layer.circle--odd.circle img{margin:0; padding-top:0;}
.cta-grid{display: block; width: 100%; text-align: center}
.cta-grid h5{font-size: 20px; display: block;}
.cta-grid .btn{display: inline-block; float: none; margin-top: 25px; padding: 10px 25px;}
.grid--half{background-image:none; height:auto;}
.grid--half__cell{display: block; width: 100%; height:auto;}
.grid--half__desc{width:100%; float:none; padding:15px;}
.grid--half__desc h5{font-size: 23px;}
.grid--half .two--btn{text-align:center;}
.slider .two--btn .btn:last-child{padding: 5px 10px;}
	
/*Features Page*/
.slider, .slider.slider-bg{height:auto;}
.listing.list--features{margin:0;}
.listing.list--features li{margin:0; margin-bottom: 15px;padding: 0;}
.grid_image{float: none; margin: auto; display: block; width: 100%;}
.grid_desc{text-align: center;}
.grid_list h5{text-align: center;}
.grid_image img{float:none;}
.grid_list .title{display: block;min-height: auto;width: 100%;text-align: center;}

}
@media only screen and (width:600px) {
	.grid_pannel ul li{width:45%;}
}