.q_logo a{height:120px !important;}
.side_menu_button_link i{
  color: #fff;
  background-color: #ed1c24;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  padding: 10px 10px;
  font-size: 13px;
  -webkit-animation: btnWiggle 2s infinite;
  -moz-animation: btnWiggle 2s infinite;
  -o-animation: btnWiggle 2s infinite;
  animation: btnWiggle 2s infinite;
}
.side_menu_button_link:hover{
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, .2);
}
footer .ftr-cnt-icn .fa{margin-bottom:10px !important;}

/* animation */
@-webkit-keyframes btnWiggle {
    0% {-webkit-transform: rotate(0deg);}
    2% {-webkit-transform: rotate(-2deg);}
    3.5% {-webkit-transform: rotate(2deg);}
    5% {-webkit-transform: rotate(0deg);}
    100% {-webkit-transform: rotate(0deg);}
}
@-o-keyframes btnWiggle {
    0% {-webkit-transform: rotate(0deg);}
    2% {-webkit-transform: rotate(-2deg);}
    3.5% {-webkit-transform: rotate(2deg);}
    5% {-webkit-transform: rotate(0deg);}
    100% {-webkit-transform: rotate(0deg);}
}
@keyframes btnWiggle {
    0% {-webkit-transform: rotate(0deg);}
    2% {-webkit-transform: rotate(-2deg);}
    3.5% {-webkit-transform: rotate(2deg);}
    5% {-webkit-transform: rotate(0deg);}
    100% {-webkit-transform: rotate(0deg);}
}

.btn:link,
.btn:visited{ 
    padding: 15px 40px;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    transition: all .2s !important;
    border-radius: 100px;
    position: relative;
}

.btn:hover{
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, .2);
}

.btn:active{
    transform: translateY(-1px);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

.btn-white{
    color: #242424;
    background-color: #ffffff;
}

.btn::after{
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all .4s;
}

.btn-white::after{
    background-color: #fff;
}

.btn:hover::after{
    transform: scaleX(1.4) scaleY(1.6);
    opacity: 0;
}

.btn-animation{
    animation: moveInBottom .5s ease-out .75s;
    animation-fill-mode: backwards;
}

@keyframes moveInBottom{

    0%{
        opacity: 0;
        transform: translateY(30px);
    }

    100%{
        opacity: 1;
        transform: translate(0);
    }
}


.side_menu h5{
	    font-size: 23px;
    padding: 0px 0 15px;
    border-bottom: 1px solid #9c9c9c;
    margin-bottom: 30px;
}

.footer_top_holder, .footer_bottom_holder{
    background-color: rgba(38, 38, 38, 0)!important;
}

.footer_inner{
  	background:#000 url(https://makemywebsite.com.au/wp-content/uploads/2018/01/foter-bg1.png);
    
  	
}
.main-slide .slotholder:after{content:"";width:100%;height:100%;background:url(https://makemywebsite.com.au/wp-content/uploads/2017/09/slide-bg.png); background-size:cover; z-index:111; top:0px; position:absolute;}
.why-do li:before, .how-do li:before{content:url('https://makemywebsite.com.au/wp-content/uploads/2017/09/check-img.png');display:inline-block;position:absolute;left:15px;}

header .fa-tag:after{
  	    content: 'Easy Engagements';
    display: inline-block;
    padding-left: 10px;
   font-family: Raleway;
    font-weight: 600;
    letter-spacing: .5px;
}

nav.main_menu>ul>li>a {
    padding: 0 9px;
}

.filter_holder ul li.active span, .filter_holder ul li:hover span {
    background: #ed1c24;
    color: #ffffff!important;
}
.filter_holder ul li span {
    padding: 5px 20px !important;
        background: #e8e7e5;
    margin: 3px;
}
   .projects_holder.hover_text article .hover_feature_holder_title .portfolio_title a{
  font-size: 20px;
    text-transform: uppercase;
    text-shadow: #ed1c24 0px 1px 2px;
}
.projects_holder.hover_text article .image_holder:hover{
      border: 8px solid #ed1c24;
}
.projects_holder article a.preview{
    padding: 8px 30px;
}

@media only screen and (max-width:1300px) and (min-width:1100px){
  	.header_bottom .container_inner{
    	width:100%;
  }
  
  .header_bottom {
    padding: 0 15px;
  }
  
  nav.main_menu > ul > li > a {
    font-size: 12px !important;
}
  
  .side_menu_button>a {
    font-size: 12px;
  }
}

@media only screen and (max-width:1199px) and (min-width:1000px){
  	nav.main_menu > ul > li > a {
    font-size: 11px !important;
}
  
  header .fa-tag:after{
  	    display:none;
}
}

@media only screen and (max-width:999px) and (min-width:481px){
  .side_menu_button a{
    font-size: 11px;
    margin-right: 10px;
}
}

@media only screen and (max-width:480px){
   header .fa-tag:after{
  	    display:none;
    	 
}
  
   .side_menu_button a{
    	margin-right: 10px;
  }
}