/*large Screen*/
@media (min-width: 1920px) {
  .portfolio {
  min-height          : 411px;
  overflow            : hidden !important;
}
}
@media (min-width: 1367px) and (max-width: 1919px){
  .portfolio {
  min-height          : 325px;
  overflow            : hidden !important;
}
}
@media (min-width: 992px)and (max-width: 1024px){
.service .col-md-2 {
padding-top    : 52px;
padding-left   : 3px;
padding-right  : 3px;
}
.second-title{
  padding-left  : 50px;
}
  .carousel-inner .active .image-bar:after {
  right: 33%;
  }
}
@media only screen and (min-width : 768px) {
  .row-table {
    display: table;
  }
  .row-table [class*="col-"] {
    float: none;
    display: table-cell;
    vertical-align: top;
    overflow: hidden;
    padding-right: 0px;
    padding-left: 0px;
  }
  .row-table [class*="col-"] div.nos-services-content {
    float: left;
    margin-bottom: -99999px;
    padding-bottom: 99999px;
  }
  .row-table [class*="col-"] div.nos-services-content p {
    padding-bottom: 25px;
  }
}
/* Small devices (tablets, 768px and up) */
@media (min-width : 768px) and (max-width : 991px) {
/*RS-SLIDER*/
.small-title{
height     : 28px;
font-size  : 12px !important;
padding    : 10px 50px 10px 150px !important;
}
.small-title:after {
  position        : absolute;
  content         : " ";
  top             : 0;
  right           : 0;
  width           : 30px;
height          : 28px;
margin-right    : -20px;
border-left     : 0px solid transparent;
border-right    : 15px solid transparent;
border-bottom   : 28px solid #404040;
}
.small-title:before {
  position            : absolute;
  content             : " ";
  top                 : 0;
  right               : 0;
  margin-right        : -25px;
  width               : 7px;
  height              : 28px;
   background         : #fc2704;
  -webkit-transform   : skew(27deg);
  -moz-transform      : skew(27deg);
  -o-transform        : skew(27deg);   
  -ms-transform       : skew(27deg);   
  -ms-filter          : "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483, M12=0, M21=-0.7071067811865467, M22=1.4142135623730934, SizingMethod='auto expand')";
}
.buy-btn{
  height             : 35px;
  font-size          : 25px !important;
}
.buy-btn:before {
  height             : 35px;
  -webkit-transform  : skew(-30deg);
  -moz-transform     : skew(-30deg);
  -o-transform       : skew(-30deg);
  -ms-transform      : skew(-30deg);
}
.buy-btn:after {
  position        : absolute;
  content         : " ";
  top             : 0;
  left            : 0;
  width           : 30px;
  height          : 0;
  margin-left     : -20px;
  border-left     : 20px solid transparent;
  border-right    : 20px solid transparent;
  border-bottom   : 35px solid #404040;
}
.buy-btn:hover:after{
 position         : absolute;
  content         : " ";
  top             : 0;
  left            : 0;
  width           : 30px;
  height          : 0;
  margin-left     : -20px;
  border-left     : 20px solid transparent;
  border-right    : 20px solid transparent;
  border-bottom   : 35px solid  #fc2704;
}
.buy-btn:hover:after,
.buy-btn:focus:after
{
 position         : absolute;
  content         : " ";
  top             : 0;
  left            : 0;
  width           : 30px;
  height          : 0;
  margin-left     : -20px;
  border-left     : 20px solid transparent;
  border-right    : 20px solid transparent;
  border-bottom   : 35px solid  #fc2704;
}
.more-area h2{
  font-size   : 20px;
  font-weight : 300px;
}
.carousel-inner .active .image-bar:after {
  right: 28%;
  }
.carousel-inner .active .image-bar:before{
  right: 59%;
}
.blog-wrapper .more-area h2{
  font-size   : 22px;
  font-weight : 300px;
  padding-top : 8px;
}
.second-title{
  padding         : 10px 20px !important;
  text-transform  : capitalize;
}
.section-padding{
  padding     : 60px 0;
}
#about .col-sm-6:nth-child(even){
border-right   : 1px solid #f5f5f5;
}
#about .col-sm-6:nth-child(5),
#about .col-sm-6:nth-child(4){
border-top     : 1px solid #f5f5f5;
}
#about .col-sm-6:nth-child(3),#about .col-sm-6:nth-child(2){
padding-bottom     : 25px;
}
#about .col-sm-6:nth-child(4),#about .col-sm-6:nth-child(5){
padding-top    : 25px;
}
.media-left>a>.fa{
  height              : 40px;
  width               : 40px;
  border-radius       : 50%;
  border              : 2px solid #cfcece;
  padding             : 10px;
  display             : table-cell;
  -webkit-transition  : all 0.2s ease 0s;
  -moz-transition     : all 0.2s ease 0s;
  -ms-transition      : all 0.2s ease 0s;
  -o-transition       : all 0.2s ease 0s;
  transition          : all 0.2s ease 0s;
}
.media {
margin-top  : 10px;
}
.media-body h2 {
font-size   : 13px;
}
.service .col-md-5 {
padding-top : 35px;
}
.service .col-md-2 {
padding-top     : 30px;
padding-left    : 5px;
padding-right   : 5px;
}
.image-box img {
height          : 230px;
}
#grid figure {
width           : 108.4%;
}
/*BLOG*/
#blog .col-xs-12{
margin-bottom  : 40px;
}
#blog .col-xs-12:last-child{
margin-bottom  : 0; 
}
/*FULL WIDTH BLOG*/
.blog-sidebar .blog-content .blog-date{
  margin-right    : 50px;
  }
.blog-sidebar .blog-content .col-sm-9{
  padding-left    : 0px;
  }
/*FOOTER*/
footer .col-xs-12:nth-child(3),
footer .col-xs-12:nth-child(4){
margin-top     : 30px;
}
}
/* Landscape Mobile */
@media only screen and (min-width : 480px) and (max-width : 767px) {
.small-menu .navbar-default {
padding-top: 18px;
padding-bottom: 18px;
}
.small-title{
height     : 18px;
font-size  : 10px !important;
padding    : 6px 30px 0 80px !important; 
}
.second-title{
  padding         : 4px 10px !important;
  text-transform  : capitalize;
}
.small-title:after {
  position     : absolute;
  content      : " ";
  top          : 0;
  right        : 0;
  width        : 30px;
height       : 18px;
margin-right : -20px;
border-left  : 0px solid transparent;
border-right : 15px solid transparent;
border-bottom: 18px solid #404040;
}
.small-title:before {
  position            : absolute;
  content             : " ";
  top                 : 0;
  right               : 0;
  margin-right        : -25px;
  width               : 7px;
  height              : 18px;
   background         : #fc2704;
  -webkit-transform   : skew(40deg);
  -moz-transform      : skew(40deg);
  -o-transform        : skew(40deg);   
  -ms-transform       : skew(40deg);   
  -ms-filter          : "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483, M12=0, M21=-0.7071067811865467, M22=1.4142135623730934, SizingMethod='auto expand')";
}
.buy-btn{
  height         : 18px;
  font-size      : 11px !important;
  padding-right  : 80px !important;
  padding-left   : 40px !important;
}
.buy-btn:before {
  height             : 18px;
  width              : 5px;
  margin-left        : -14px;
  -webkit-transform  : skew(-32deg);
  -moz-transform     : skew(-32deg);
  -o-transform       : skew(-32deg);
  -ms-transform      : skew(-32deg);
}
.buy-btn:after {
  position        : absolute;
  content         : " ";
  top             : 0;
  left            : 0;
  width           : 10px;
  height          : 0;
  margin-left     : -10px;
  border-left     : 10px solid transparent;
  border-right    : 0px solid transparent;
  border-bottom   : 18px solid #404040;
}
.buy-btn:hover:after{
 position         : absolute;
  content         : " ";
  top             : 0;
  left            : 0;
  width           : 10px;
  height          : 0;
  margin-left     : -10px;
  border-left     : 10px solid transparent;
  border-right    : 0px solid transparent;
  border-bottom   : 18px solid  #fc2704;
}
.buy-btn:hover:after,
.buy-btn:focus:after{
 position         : absolute;
  content         : " ";
  top             : 0;
  left            : 0;
  width           : 10px;
  height          : 0;
  margin-left     : -10px;
  border-left     : 10px solid transparent;
  border-right    : 0px solid transparent;
  border-bottom   : 18px solid  #fc2704;
}
.more-area h2{
  font-size   : 20px;
  font-weight : 300px;
}
.blog-wrapper .more-area h2{
  font-size   : 22px;
  font-weight : 300px;
  padding-top : 8px;
}
.carousel-inner .active .image-bar:before{
  right: 63%;
}
.carousel-inner .active .image-bar:after {
  right:15%;
}
.navbar-brand{
margin-left    : 15px;
  -webkit-transition: all ease 300ms;
 -moz-transition: all ease 300ms;
 -o-transition: all ease 300ms;
  transition: all ease 300ms;
}
.navbar-default{
  padding-bottom  : 14px;
  padding-top     : 14px;
}
.navbar-fixed-top{
  padding-bottom  : 14px;
  padding-top     : 14px;
}
.navbar-toggle{
  margin-top  : -3px;
}
a.navbar-brand {
  padding-top     :5px;
}
.section-padding{
  padding         : 60px 0;
}
.service .col-md-5,
.service .col-md-2 {
margin-left    : 15%;
}
#about .col-xs-12{
margin-bottom  : 20px;
}
#about .col-xs-12{
  margin  : 30px 0;
}
.who-we-are-content{
  padding-top: 30px;
}
/*BLOG*/
#blog .col-xs-12 {
margin-bottom   : 40px;
}
/*FULL WIDTH BLOG*/
.blog-content{
  position    : relative;
}
.blog-date{
  position    : absolute; 
  top         : -137px;
}
.sidebar-blog-content .blog-date{
  position    : absolute; 
  top         : -140px;
}
.blog-date p{
  background  : rgba(245,72,40, 0.9);
  font-size   : 16px;
  line-height : 16px;
  padding     : 8px 25px 12px;
}
.blog-date p span{
  font-size   : 30px;
  font-weight : bold;
  line-height : 35px;
}
.blog-content .video-area,.blog-sidebar .blog-content .video-area{
  height : 300px;
  width  : 100%;
}
.blog-content h1 a{
  font-size   : 22px;
}
.blog-content h1{
  line-height : 22px;
}
.blog-content .contents{
  font-size   : 14px;
  line-height : 24px;      
}
.blog-content [class^="flaticon-"]:before, 
.blog-content [class*=" flaticon-"]:before, 
.blog-content [class^="flaticon-"]:after, 
.blog-content [class*=" flaticon-"]:after
{
  font-size    : 14px;
  margin-right : 6px;
}
/*FOOTER*/
.footer-wrapper ul.footermenu,
.footer-wrapper ul.footercontact,
.footer-wrapper ul.footerblog {
margin  : 15px 0 0;
}
.footer-wrapper.section-padding {
margin-left : 4%;
}
footer .col-xs-12:nth-child(2),
footer .col-xs-12:nth-child(3),
footer .col-xs-12:nth-child(4){
margin-top     : 30px;
}
.left-column .media {
text-align  : left;
}
.left-column .media-left {
float           : left;
padding-right   : 20px;
}
.right-column .media-left{
padding-left   : 20px;
padding-right  : 20px;
}
.footer-wrapper.section-padding {
padding      : 40px 0;
}
.blog-sidebar .blog-content h1{
  line-height     : 20px;
}
}
/*Mobile */
@media only screen and (min-width : 320px) and (max-width : 479px) {
/*
.navbar-brand > img {
  width   : 65%;
}
.navbar-toggle {
padding     : 7px 4px;
margin-top  : -16px;
}
*/
.navbar-default{
  padding-bottom  : 14px;
  padding-top     : 14px;
}
.navbar-fixed-top{
  padding-bottom  : 14px;
  padding-top     : 14px;
}
.navbar-toggle{
  margin-top  : -3px;
}
a.navbar-brand {
  margin-left     : 15px;
  padding-top     :5px;
}
.small-menu .navbar-default {
-webkit-transition: all ease-in 0.45s;
-moz-transition: all ease-in 0.45s;
-o-transition: all ease-in 0.45s;
-ms-transition: all ease-in 0.45s;
transition: all ease-in 0.45s;
padding-top     : 25px;
padding-bottom  : 15px;
}
.small-title{
height     : 13px;
font-size  : 10px !important;
padding    : 5px 20px 3px 40px !important; 
}
.small-title:after {
  position        : absolute;
  content         : " ";
  top             : 0;
  right           : 0;
  width           : 20px;
height          : 13px;
margin-right    :  -20px;
border-left     : 0px solid transparent;
border-right    : 11px solid transparent;
border-bottom   : 13px solid #404040;
}
.small-title:before {
  position            : absolute;
  content             : " ";
  top                 : 0;
  right               : 0;
  margin-right        : -25px;
  width               : 7px;
  height              : 13px;
   background         : #fc2704;
  -webkit-transform   : skew(40deg);
  -moz-transform      : skew(40deg);
  -o-transform        : skew(40deg);   
  -ms-transform       : skew(40deg);   
  -ms-filter          : "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483, M12=0, M21=-0.7071067811865467, M22=1.4142135623730934, SizingMethod='auto expand')";
}
.buy-btn{
  height         : 18px;
  font-size      : 10px !important;
  padding-right  : 80px !important;
  padding-left   : 40px !important;
}
.buy-btn:before {
  height             : 18px;
  width              : 5px;
  margin-left        : -14px;
  -webkit-transform  : skew(-32deg);
  -moz-transform     : skew(-32deg);
  -o-transform       : skew(-32deg);
  -ms-transform      : skew(-32deg);
}
.buy-btn:after {
  position        : absolute;
  content         : " ";
  top             : 0;
  left            : 0;
  width           : 10px;
  height          : 0;
  margin-left     : -10px;
  border-left     : 10px solid transparent;
  border-right    : 0px solid transparent;
  border-bottom   : 18px solid #404040;
}
.buy-btn:hover:after{
 position         : absolute;
  content         : " ";
  top             : 0;
  left            : 0;
  width           : 10px;
  height          : 0;
  margin-left     : -10px;
  border-left     : 10px solid transparent;
  border-right    : 0px solid transparent;
  border-bottom   : 18px solid  #575757;
}
.buy-btn:hover:after,
.buy-btn:focus:after{
 position         : absolute;
  content         : " ";
  top             : 0;
  left            : 0;
  width           : 10px;
  height          : 0;
  margin-left     : -10px;
  border-left     : 10px solid transparent;
  border-right    : 0px solid transparent;
  border-bottom   : 18px solid  #fc2704;
}
.more-area h2{
  font-size   : 20px;
  font-weight : 300px;
}
.blog-wrapper .more-area h2{
  font-size   : 22px;
  font-weight : 300px;
  padding-top : 8px;
}
.btn.btn-success.pull-right{
  float       :left !important;
  margin-top  : 20px;
}
.carousel-inner .active .image-bar:before {
  left    : 2%;
}
.carousel-inner .active .image-bar:after {
  right   : 2%;
}
#blog .col-xs-12{
  margin-bottom   : 30px;
}
#blog .more-area .col-xs-12{
  margin-bottom   : 10px;
}
.second-title{
  text-transform  : capitalize;
}
.second-title{
  padding         : 5px !important;
  text-transform  : capitalize;
}
.left-column .media {
  text-align      : left;
}
.left-column .media-left {
  float           : left;
  padding-right   : 10px;
  margin-left     : 10px;
}
.right-column .media-left{
  padding-left    : 2px;
  padding-right   : 2px;
}
.left-column .media-left{
  padding-left    : 10px;
}
.media-body h2{
  font-size       : 13px;
}
.right-column .media-left.media-middle {
  float           : left;
  padding-right   : 10px;
  margin-left     : 10px;
}
.service .col-md-2 {
  padding-top     : 65px;
  margin-left     : 25%;
}
.service .col-md-5 {
  padding-left    : 5px;
  padding-right   : 5px;
}
.down-arrow .scroll-bottom{
height     : 50px;
width      : 50px;
}
/*FOOTER*/
.footer-wrapper ul.footermenu,
.footer-wrapper ul.footercontact,
.footer-wrapper ul.footerblog {
margin  : 15px 0 0;
}
#about .col-xs-12{
margin  : 30px 0;
}
.who-we-are-content{
  padding-top     : 30px;
}
.portfolio-menu .container{
margin     : 0;
}
#filter li a {
  border-radius   : 0px;
  cursor          : pointer;
  display         : block;
  margin          : 0;
  font-size       : 10px;
  padding         : 2px 6px;
  text-transform  : uppercase;
  color           : #8d8d8d;
  background-color: #f5f5f5;
  }
footer .col-xs-12:nth-child(2),
footer .col-xs-12:nth-child(3),
footer .col-xs-12:nth-child(4){
  margin-top     : 30px;
}
/*LANDINF BLOG*/
/*FULL WIDTH BLOG*/
.blog-content{
  position    : relative;
}
.blog-date{
  position    : absolute; 
  top         : -137px;
}
.sidebar-blog-content .blog-date{
  position    : absolute; 
  top         : -139px;
}
.blog-date p{
  background  : rgba(245,72,40, 0.9);
  font-size   : 16px;
  line-height : 16px;
  padding     : 8px 25px 12px;
}
.blog-date p span{
  font-size       : 30px;
  font-weight     : bold;
  line-height     : 35px;
}
.blog-content .video-area,.blog-sidebar .blog-content .video-area{
  height  : 200px;
  width   : 100%;
}
.blog-content h1 a{
  font-size   : 20px;
}
.blog-content h1{
  line-height     : 22px;
}
.blog-content .contents{
  font-size   : 14px;
  line-height : 24px;      
}
.blog-content .icon-holder{
  font-size   : 12px;
}
.blog-content [class^="flaticon-"]:before, 
.blog-content [class*=" flaticon-"]:before, 
.blog-content [class^="flaticon-"]:after, 
.blog-content [class*=" flaticon-"]:after
{
  font-size       : 12px;
  margin-right    : 0;
}
/*pagination*/
.pagination-lg > li:first-child > a > small,
.pagination-lg > li:last-child > a > small
{
  display     : none;
}
.blog-content .pagination-lg > li > a, 
.pagination-lg > li > span
{
  padding     : 5px 11px;
  }
.blog-content .sidebar-blog-content .pagination-lg > li:last-child > a, 
.blog-content .sidebar-blog-content .pagination-lg > li:last-child > span{
  margin  : 0 0 0 0px;
}
.blog-content .sidebar-blog-content .icon-holder a{
  margin-right    : 7px;
}
.blog-sidebar .blog-content h1{
  line-height     : 20px;
}
.backtop{
  bottom: 70px;
}
}