/************************************************************************************
smaller than 1024
*************************************************************************************/
@media screen and (min-width: 1549px) {
}
 @media screen and (max-width: 1549px) {
	 
}
 @media screen and (max-width: 1380px) {

 }

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

 
@media screen and (max-width: 1023px) {
.logo{width:30%; margin-right:20px;}
ul.nav-list li a{font-size:16px;}

.NavRight:before{height: 28px;left: -8px;}
.TopRight { float: left; margin-left: 16px;}

.wrapper{width:auto;}

.work-area .rgt-box{width: 47%;}
.rgt-box .box{padding: 31px;}

.blue-sec{padding: 20px; font-size: 18px;}
.blue-sec p{line-height:26px;}

.BoxCom {float: left; margin:0 0 0 1%; width: 32%;}


.home-mid{text-align:center;overflow: hidden;}
.mid-left { display: inline-block;  float: none;}
.mid-design { display: inline-block; float: none;width: 46%;}
.mid-right {display: inline-block;float: none;}

.footer .wrapper { padding: 0 10px;}
ul.FootNav li{padding: 0 8px;}

/**/
.FeaturBox{width:44%;}
.container {padding:20 0px;}
.sideabr{width: 36%;}

ul.sidelink li{font-size:16px;}
.sideabr h3{font-size: 20px; line-height: 30px;}
ul.posts li{padding-right:0;}
ul.posts li h3{font-size: 18px;}

.lft-sec{width: 30%;padding-left: 10px;}	
.head2{width: 64%;}
.head2 i{margin-right: 2%;}
.rgt-sec {  width: 64%;padding-right: 10px;}
.rgt-sec h3{font-size: 30px;}	
.textbig{width: 90%;font-size: 18px;}

.chart-img{ width: 50%;}
.chart-sec{overflow: hidden;} 
.tab-title{margin-bottom:20px; padding:0 14px;}
}


/************************************************************************************
smaller than 960
*************************************************************************************/
@media screen and (max-width: 960px) {
	
/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
.download-btn	{position:static}
.tabs-sec{min-height:inherit;}
.resp-vtabs .resp-accordion span{ width:100px; height:60px; display:inline-block; float:left}
.resp-vtabs .resp-accordion .icon-team{background: url(../images/icon-team.png) no-repeat;  }
.resp-vtabs .resp-accordion .icon-prec{background: url(../images/icon-prec.png) no-repeat left top; }
.resp-vtabs .resp-accordion .icon-docu{background: url(../images/icon-docu.png) no-repeat left top; }
.resp-vtabs .resp-accordion .icon-adv{background: url(../images/icon-adv.png) no-repeat left top; }

.resp-vtabs .resp-accordion strong {
    display: table-cell;
    height: 60px;
    vertical-align: middle;
}

.resp-vtabs .resp-accordion:hover .icon-team, .resp-vtabs .resp-accordion.resp-tab-active .icon-team{background:url(../images/icon-team-h.png) no-repeat;  }
.resp-vtabs .resp-accordion:hover .icon-prec, .resp-vtabs .resp-accordion.resp-tab-active .icon-prec{background:url(../images/icon-prec-h.png) no-repeat;  }
.resp-vtabs .resp-accordion:hover .icon-docu, .resp-vtabs .resp-accordion.resp-tab-active .icon-docu{background:url(../images/icon-docu-h.png) no-repeat;  }
.resp-vtabs .resp-accordion:hover .icon-adv, .resp-vtabs .resp-accordion.resp-tab-active .icon-adv{background:url(../images/icon-adv-h.png) no-repeat;  }
	
	ul.resp-tabs-list {
        display: none;
    }

    h2.resp-accordion {
        display: block;
		background: none repeat scroll 0 0 #E6E6E6;
		color:#f33546; font-size:21px;
		transition:none;
    }

    h2.resp-accordion:hover {background:#f33546; color:#fff;}
	h2.resp-accordion:first-child{color:#1F6A96}
	h2.resp-accordion:first-child:hover {background:#f33546; color:#fff;}
    .resp-vtabs .resp-tab-content {
        border: 14px solid #fff;
		transition:none;
	   -webkit-transition:none;
	   -moz-transition:none;
	   -ms-transition:none;
	   -o-transition:none;
    }

    .resp-vtabs .resp-tabs-container {
        border: none;
        float: none;
        width: 100%;
        min-height: initial;
        clear: none;
    }
    .resp-accordion-closed {
        display:none !important;
    }
    .resp-vtabs .resp-tab-content:last-child {
        border-bottom: 14px solid #fff !important;
    }

	

}
/************************************************************************************
smaller than 800
***************************************
**********************************************/
@media screen and (max-width:900px) {

}


@media screen and (max-width:899px) {
body{border:none;}
.header{padding:10px 0;}
.logo{width:260px;}
.header .wrapper{position:relative;}
.logo { position: absolute; padding:0;left: 18px;}
.TopRight{display:none;}
.NavCenter{display:none;}
.responsive-sec{display:block; float:right; position: relative; z-index:5; width:100%;transition:none;}
.nav_res{display:none;transition:none;-webkit-transition:none;  -moz-transition:none; -ms-transition:none; -o-transition:none;}
.main-menu{ border-top: 1px solid #3F4450; float: right;  position: absolute;  right: 0;  top:20px; width: 100px; height:47px; background:#fff; cursor:pointer}
.responsive-sec .m-select{background:#f84e57;transition:none;}
.main-menu .fa.fa-bars { float: right; color: #f85059;font-size: 34px;  margin: 6px 20px 0 0;transition:none;}
.SRMedia{margin: 27px 60px 0 0;position: relative; z-index:10}
.main-menu:before{background:url(../images/sep-res.png) no-repeat; content: ""; height: 56px; left: -33px;  position: absolute;top:0; width: 34px;transition:none;}
.m-select:before{background:url(../images/sep-res2.png) no-repeat;transition: none 0s ease 0s;}
.media-in2 a.in{background:#fff; color:#f85059;transition:none;}
.m-select .fa.fa-bars{color:#fff}

.responsive-sec .navs { margin-top: 67px;border-top: 1px solid #3F4450;width: 100%; padding-top: 3px;}
ul.nav_res li a{background:#F84E57; font-size:27px; color:#fff; padding:10px; display:block; border-bottom:solid 3px #fff;}

.bttm-sec{padding:10px;}
.BoxCom { float: none; margin:0 0 10px;width: 100%;}



h2.title{font-size:21px;}
ul.FootNav li a{font-size:15px;}
.footer .address p{margin-left:44px;}
}




/************************************************************************************
smaller than 768
*************************************************************************************/
@media screen and (max-width: 768px) {
}

/************************************************************************************
smaller than 640
*************************************************************************************/


 @media screen and (max-width: 767px) {
ul.nav_res li a{font-size: 20px; padding: 5px 20px;}
.mid-design {display:none}
.mid-left {border-right: 6px solid #dadada;}
.mid-left h3, .mid-right h3{transform:none; position:static;height:auto;height:auto; float:none; font-size:21px;
-ms-transform:none;
-webkit-transform:none;
}
.mid-left, .mid-right{padding:0;width: 48%; text-align:center}

.mid-left .icon, .mid-right .icon{padding:0;float: none;}

.footer{ padding: 30px 10px;}
.footer .address p {margin: 0; }

.foot-rgt{display:none;}
.footer .address{width:100%;}
.footer a.linkedin{left:auto; right:0;}


.FeaturBox h3{font-size:17px;}
.FeaturBox strong{font-size:17px;}
.feat-main {padding: 20px;}
.FeaturBox {margin:0 0 20px 0;width: 100%;}
.FeaturBox .sep{padding: 10px 20px 20px;}
.right_col { width: auto; padding:20px 0;}
.sideabr { width: auto;}
ul.posts li {  padding:20px;}
.posts li:last-child {margin-bottom: 0;}
.sidelinks{display:none}
.sideabr h3 br{display:none;}
.post-links {border-bottom: 6px solid #E1E1E1;}
.post-links a.view-btn:first-child { border-right: 6px solid #E1E1E1;}
.post-links a{display: inline-block; padding: 10px; text-align: center;width: 44%;}

.red-sec .wrap{padding:20px; font-size:17px;}
.red-sec p{line-height:26px;}
.info{padding: 20px;font-size: 17px;line-height: 26px;}

.details-post h3{font-size: 17px;}
.details-post { font-size: 14px;}
.sideabr .sorttxt{font-size: 17px; line-height:26px;}

.lft-sec{width:100%; padding:0; text-align:center }
.head2{width:100%; text-align:center; display:block;}
.head2 h3{font-size:21px;}
.head2 i{display:none}

h2.title{padding:20px}
.lft-sec img{display:inline-block}
.red-sec{padding:14px;}
.address-box{font-size:18px;}
.rgt-sec{width:100%;padding: 0;}
.textbig{ padding: 0 20px;width: auto;  font-size: 17px;}
.textbig p{line-height:26px;}

.address-box{width:100%; float:none;}
.red-sec .sepbdr{display:none;}
.red-sec .addrgt { border-top: 6px solid #FFFFFF;}

.details-post {border-bottom: 6px solid #E1E1E1;padding: 10px;}

.black-desi-sec{ padding: 14px;}
.work-area { padding: 14px;}
.work-area .rgt-box {width: 100%;}
.rgt-box .box {  border-bottom: 14px solid #FFFFFF;}
.rgt-box .box .ribbon{display:none;}
.work-area .lft-box{width:100%;}
.work-area .lft-box img.work-pic{width:100%;}
.lft-box:hover .rollover{height:92.4%;}

.work-area .rgt-box .box .OverOut{top:inherit; bottom:0;}
.work-area .rollover{width:auto;}

.head h3{font-size: 36px;}

.black-desi-sec .wrap{ padding: 14px;font-size: 17px;}
.bluetxt{padding:14px; font-size:17px;}

.chart-sec {  display: none; overflow:visible}

h2.resp-accordion {font-size:17px;}
.resp-vtabs .resp-accordion span{width: 90px;}
.tabs-sec{font-size: 16px;}
.tab-title{font-size: 17px;}

 }


/************************************************************************************
smaller than 600
*************************************************************************************/
@media screen and (max-width: 640px) {

}
/************************************************************************************
smaller than 568
*************************************************************************************/
@media screen and (max-width: 568px) {

}
 
/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (max-width: 480px) {


}
@media screen and (max-width: 479px) {
.logo {top: 12px;  width: 160px;}
.work-area .rollover{font-size:14px; width:auto;}
.work-area .rollover p{line-height: 20px;}
.head h3 {font-size: 18px;}
}
/************************************************************************************
smaller than 360
*************************************************************************************/
@media screen and (max-width: 360px) {
.post-links a{width: 40%;}
}
 

/************************************************************************************
smaller than 320
*************************************************************************************/
@media screen and (max-width: 320px) {
	
	}