@media only screen and (width:1280px){
	
	.three_fluid, .two_fluid{margin:0;}
	.three_fluid .grid{margin-top:0;}
	.three_fluid .grid.grid--image{margin-top:0;}
	.grid_pannel ul{margin:0; text-align:center;}
	.grid_pannel ul li{margin:0 15px 45px; width:17%;}
	#footer .footernavpanel{display:block; text-align:center;}
	#footer .right_copyright{float:none; display:block; text-align:center;margin-top:10px;}
	.pannel_left{width:62%;}
.pannel_right{width:35.5%;}

.three_fluid .grid.table_grid{width:27%;}
.grid .frm-pannel ul li{width:50%;}

#header{padding:0 20px;}
.head {position: absolute;top: -23%; left: 50%; transform: translate(-21%, 0); -moz-transform: translate(-21%, 0);
-webkit-transform: translate(-21%, 0);}
.cta-grid{padding: 0 20px;}

}

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

}

@media only screen and (min-width:991px) and (max-width:1024px) {
.section_full{padding:10px;}
.three_fluid, .two_fluid{margin:0;}
.three_fluid .grid, .two_fluid .grid, .three_fluid .grid:first-child, .three_fluid .grid.table_grid, .three_fluid .grid.grid--image
{width:100%; margin:0;  padding:10px; text-align:center;}
.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{text-align:center; }
.primary_bttn a{font-size:13px;}
.three_fluid  .table_grid .border_cell, .three_fluid  .table_grid .frm_head h6, .three_fluid .grid.table_grid{text-align:left;}
.section_primary{padding:10px;}
.head{top: -70px;left: 50%;transform: translate(-18%, 0);-moz-transform: translate(-18%, 0);-webkit-transform: translate(-18%, 0);}
.logo-heading{width: 220px;}
.head h5{font-size: 20px;}
.head span{font-size: 23px;}
.text-placement{font-size: 17px;}
.smallcircle.circle-review .text-placement{left: -200px;}
.smallcircle.circle-youtube .text-placement{left: -190px;}
.smallcircle.circle-meeting .text-placement, .smallcircle.circle-slideshow .text-placement{top: -48px;}
.smallcircle.circle-skype .text-placement{right: -151px;}
.smallcircle.circle-rating .text-placement{right: -175px;}
.screenmobile-appimage ul li{width: 33%; margin: 10px;}
.detail-grid{text-align:left;}
.two_fluid{padding:0;}
.two_fluid .grid:last-child{float:none;  width:100%; margin: auto; display: block;}
.two_fluid .grid img{float:none;}
.screenmobile-appimage ul li{width: 20%;}


/*innerpages*/

/*===========Showcase===========*/
.listing{ margin-top:35px;}
.listing li{width: 29.555%;}

/*contact*/
.slider.slider-bg{height:auto;}
.slides--colored .slider {background-size: 100%;}
.slider-bg .banner-wrap{padding: 50px; height: auto;}
.slider-bg .banner-txt{height:auto;}
.slider-bg .banner-txt .title{font-size: 25px;}
.slider-bg .banner-txt .sub--title{font-size: 20px;}
.tbl_frm{padding-right: 36px;}

.three-layer.circle--odd.circle img{margin:0; padding-top:0;}
.circle--odd .smallcircle.circle-rating .text-placement{right: -137px;}
.circle--odd .smallcircle.circle-skype .text-placement{right: -173px;}
.circle--odd .smallcircle.circle-review .text-placement{left: -140px; top: 23px;}
.circle--odd .smallcircle.circle-youtube .text-placement{    left: -143px;}
.three-layer.circle--odd.circle .circle--image img{margin: 100px 0 0 0;}
.grid--half__desc{margin-right: 35px;}.slides--home .slider .two--btn{transform: translate(-476px, -80px); -moz-transform: translate(-476px, -80px); -webkit-transform: translate(-476px, -80px);}

/*Featured Page*/
.listing.list--features{margin-top: 20px; padding: 0 15px;}
.listing.list--features li{width: 50%; padding: 15px;}

}


@media only screen and (min-width:768px) and (max-width:990px) {
.section_full{padding:10px;}
.three_fluid, .two_fluid{margin:0;}
.three_fluid .grid, .two_fluid .grid, .three_fluid .grid:first-child, .three_fluid .grid.table_grid, .three_fluid .grid.grid--image
{width:100%; margin:0;  padding:10px; text-align:center;}
.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{text-align:center; }
.primary_bttn a{font-size:13px;}
.three_fluid  .table_grid .border_cell, .three_fluid  .table_grid .frm_head h6, .three_fluid .grid.table_grid{text-align:left;}

#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: 265px;
    transform: translate(-60%, 0px);  -moz-transform: translate(-60%, 0px);  -webkit-transform: translate(-60%, 0px);}
body.fixed .section_primary{
    margin: 0;
}

.head{top: -70px;left: 50%;transform: translate(-18%, 0);-moz-transform: translate(-18%, 0);-webkit-transform: translate(-18%, 0);}
.logo-heading{width: 220px;}
.head h5{font-size: 20px;}
.head span{font-size: 23px;}


/*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{border:0px; vertical-align: top; position: static; width:135px; height:135px; display:inline-block; 
padding: 0 20px; margin:15px;}
.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-top:0px;}
.two_fluid .grid:last-child{float:none;  width:100%; margin: auto; display: block;}
.two_fluid .grid img{float:none;}
.detail-grid{text-align:left;}

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


/*Footer*/
#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;}


/*innerpages*/



/*===========Showcase===========*/
.listing{ margin-top:35px;}
.listing li{width: 45%;}


/*Contact */
.slides--colored{background:#dc070c;}.slider.slider-bg{height:auto;}
.slider{ background-image:none!important;  height:auto;}
.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;}
.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: 15px 55px;}
.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;}
	







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

.gridspanel__title{display:block;}


/*Home Button*/.slides--home .slides{overflow:hidden;}.slides--home .slider .two--btn{transform: translate(-340px, -80px); -moz-transform: translate(-340px, -80px); -webkit-transform: translate(-340px, -80px);}.slides--home .slider .btn.black_btn{display:block;}.slides--home .slider .two--btn .btn:last-child{margin-left:0px; margin-top:15px;}

/*Featured Page*/
.listing.list--features{margin-top: 20px; padding: 0 15px;}
.listing.list--features li{width: 100%; padding: 10px 15px;}
.grid_list{min-height: auto;}


}

@media only screen and (min-width:768px) and (max-width:980px) {
	/*inner pages*/

.pannel_left{width:100%; float:none;}
.pannel_right{width:100%; float:none; margin-top:25px;}
.inner-title h5{font-size:17px;}
.clock-image{display:none;}
.top_head h5{font-size:20px;}
.top_head{margin-bottom:15px;}
.frm_head h5{font-size:23px;}
.frm-pannel ul li{width:100%;}
.frm-pannel button{font-size:15px;}
.tabs_list li a{padding:9px 11px; font-size:14px;}
.offertag{display:inline-block; margin:0 10px;}


/*Request Quote page*/
.repeatIcon_pannel h4{width:70%; line-height:45px;}
}

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