@media screen and (min-width:90px) and (max-width:499px) {
 .menu_main .nav > li {
 margin: 0;
 position: relative;
 width:100%;
 text-align:center;
padding:0px;
background-image:none;
}
 .menu_main .nav > li > a {
 display: block;
 font-size: 18px;
 font-weight:bold;
 padding:25px 0px 0px 0px;
 position: relative;
 text-align: left;
 color:#70706F;
 font-family: 'Raleway';
 font-weight:600;
 width:100%;
 text-align:center;
}
 .menu_main .menu_main .nav > li > a {
 display: block;
 font-size: 15px;
 font-weight:bold;
 padding:10px 0px 0px 0px;
 position: relative;
 text-align: left;
 color:#000;
 font-family: 'Raleway';
 font-weight:600;
}
 .dropdown-menu {
 position: absolute;
 font-family: 'Raleway';
 font-weight:400;
 top: 100%;
 left: 0;
 z-index: 1000;
 display: none;
 float: left;
 min-width: 100%;
 padding: 5px 0;
 margin: 2px 0 0;
 font-size: 14px;
 text-align: center;
 list-style: none;
 background-color: #fff;
 -webkit-background-clip: padding-box;
 background-clip: padding-box;
 border: 1px solid #ccc;
 border: 1px solid rgba(0, 0, 0, .15);
 border-radius: 4px;
 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
 box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
 .menu_main .navbar-toggle {
 position: relative;
 float: right;
 padding: 9px 10px;
 margin-top: 8px;
 margin-right: 15px;
 margin-bottom:0px;
 background-color: #3a406e;
 background-image: none;
 border: 1px solid transparent;
 border-radius: 4px;
 right: 0px;
 top: -9px;
}
 .affix .menu_main .navbar-toggle {
 position: relative;
 float: right;
 padding: 9px 10px;
 margin-top: 8px;
 margin-right: 15px;
 margin-bottom:0px;
 background-color: #3a406e;
 background-image: none;
 border: 1px solid transparent;
 border-radius: 4px;
 right: 0px;
 top:-10px;
}
 .menu_main .navbar-toggle .icon-bar {
 display: block;
 width: 22px;
 height: 2px;
 border-radius: 1px;
 background:#fff;
}
 .menu_main .navbar-toggle:hover {
 background-color: #6c81aa;
}
}
 @media screen and (min-width:500px) and (max-width:767px) {
 .menu_main .nav > li {
 margin: 0;
 position: relative;
 width:100%;
 text-align:center;
padding:0px;
background-image:none;
}
 .menu_main .nav > li > a {
 display: block;
 font-size: 18px;
 font-weight:bold;
 padding:25px 0px 0px 0px;
 position: relative;
 text-align: left;
 color:#70706F;
 font-family: 'Raleway';
 font-weight:600;
 width:100%;
 text-align:center;
}
 .dropdown-menu {
 position: absolute;
 font-family: 'Raleway';
 font-weight:400;
 top: 100%;
 left: 0;
 z-index: 1000;
 display: none;
 float: left;
 min-width:100%;
 padding: 0px 0 !important;
 margin: 2px 0 0 !important;
 font-size: 14px;
 text-align: left;
 list-style: none;
 background-color: #fff !important;
 -webkit-background-clip: padding-box;
 background-clip: padding-box;
 border: 1px solid #d6d4d4 !important;
 border: 1px solid rgba(0, 0, 0, .15);
 border-radius: 1px !important;
 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
 box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
 .menu_main .navbar-toggle {
 position: relative;
 float: right;
 padding: 9px 10px;
 margin-top: 8px;
 margin-right: 15px;
 margin-bottom:0px;
 background-color: #3a406e;
 background-image: none;
 border: 1px solid transparent;
 border-radius: 4px;
 right: 0px;
 top: -30px;
}
 .affix .menu_main .navbar-toggle {
 position: relative;
 float: right;
 padding: 9px 10px;
 margin-top: 8px;
 margin-right: 15px;
 margin-bottom:0px;
 background-color: #3a406e;
 background-image: none;
 border: 1px solid transparent;
 border-radius: 4px;
 right: 0px;
 top: -15px;
}
 .menu_main .navbar-toggle .icon-bar {
 display: block;
 width: 22px;
 height: 2px;
 border-radius: 1px;
 background:#fff;
}
 .menu_main .navbar-toggle:hover {
 background-color: #6c81aa;
}
}
 @media screen and (min-width:992px) and (max-width:1199px) {
 .menu_main .nav > li {
 display: inline-block;
 margin: 0;
 position: relative;
 width: auto;
padding:0px;
background-image:none;
}
 .menu_main .nav > li > a {
 display: block;
 font-size: 12px;
 font-weight:bold;
 padding:10px 0px 0px 0px;
 position: relative;
 text-align: left;
 color:#70706F;
 font-family: 'Raleway';
 font-weight:600;
}
 .dropdown-menu {
position: absolute;
    font-family: 'Raleway';
    font-weight: 400;
    top: 100%;
   left: -70px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 200px;
    padding: 0px 0 !important;
    margin: 21px 0 0 !important;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: rgba(255, 255, 255, 0.4) !important;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #d6d4d4 !important;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 1px !important;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
}

@media screen and (min-width:768px) and (max-width:991px) {
 .menu_main .nav > li {
 display: inline-block;
 margin: 0 10px;
 position: relative;
 width: auto;
padding:0px;
background-image:none;
}
 .menu_main .nav > li > a {
 display: block;
 font-size: 12px;
 font-weight:bold;
 padding:10px 0px 0px 0px;
 position: relative;
 text-align: left;
 color:#70706F;
 font-family: 'Raleway';
 font-weight:600;
}
 .dropdown-menu {
position: absolute;
    font-family: 'Raleway';
    font-weight: 400;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 200px;
    padding: 0px 0 !important;
    margin: 21px 0 0 !important;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: rgba(255, 255, 255, 0.4) !important;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #d6d4d4 !important;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 1px !important;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
}



 @media screen and (min-width:1200px) and (max-width:5000px) {
 .menu_main .nav > li {
 display: inline-block;
 margin: 0 30px;
 position: relative;
 width: auto;
 float: left;
 background-image: none;
 padding: 0px;
}
 .menu_main .nav > li > a {
 display: block;
 font-size: 14px;
 font-weight:bold;
 padding:10px 0px 0px 0px;
 position: relative;
 text-align: left;
 color:#70706F;
 font-family: 'Raleway';
 font-weight: 600;
}
 .dropdown-menu {
 position: absolute;
 font-family: 'Raleway';
 font-weight:400;
 top: 100%;
 left: -67px;

    /* right: 100px; */

    z-index: 1000;
 display: none;
 float: left;
 min-width: 200px;
 padding: 0px 0 !important;
 margin: 2px 0 0 !important;
 font-size: 14px;
 text-align: left;
 list-style: none;
 background-color: transparent;

    /* -webkit-background-clip: padding-box; */

    /* background-clip: padding-box; */

    /* border: 1px solid #d6d4d4 !important; */

    /* border: 1px solid rgba(0, 0, 0, .15); */

    border-radius: 0px !important;
 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);

    /* box-shadow: 0 6px 12px rgba(0, 0, 0, .175); */

    top: 42px;
}
}



/*.banerrrrrr topppppp*/  /*.banerrrrrr topppppp*/ /*.banerrrrrr topppppp*/



 @media screen and (min-width:1200px) and (max-width:5000px) {
     
     
  .baner_links p+p a {
 font-family: 'Raleway';
    font-weight: 400;
    font-size: 22px;
    line-height: 13px;
    z-index: 30;
    position: relative;
}      
     
 .sub_imgmain {
 position: absolute;
 width: 100%;
 height: auto;
 background: #;
 bottom: 26px;
}
 .subimg {
 width: 24%;
 float: left;
 z-index: 5;
 position: relative;  -webkit-transition: all 1s ease-in-out;
 -moz-transition: all 1s ease-in-out;
 -o-transition: all 1s ease-in-out;
 transition: all 1s ease-in-out;
}
 .subimg img {
 width:100%; -webkit-transition: all 1s ease-in-out;
 -moz-transition: all 1s ease-in-out;
 -o-transition: all 1s ease-in-out;
 transition: all 1s ease-in-out;
}
 .mainbanner .carousel-inner {
 position: relative;
 width: 100%;
 overflow: hidden;
}
 .mainbanner .carousel {
 position: relative;
 border-bottom: 50px solid #3a416f;
}
 .baner_links a:hover {
}

 .baner_links {
 background: #6b80aa;
 width: 23%;

    /* float: left; */

    height: auto;
 position: relative;
 float: left;
 margin-top: 130px;
 margin-left: -35px;
 -webkit-transform: rotate(08deg);
 -moz-transform: rotate(-30deg);
 -o-transform: rotate(-30deg);
 -ms-transform: rotate(-30deg);
 transform: rotate(-4deg);
 z-index: 4;
 padding: 30px 10px 30px 37px;
 text-align: center;
 -webkit-transition: all 1s ease-in-out;
 -moz-transition: all 1s ease-in-out;
 -o-transition: all 1s ease-in-out;
 transition: all 1s ease-in-out;
}
 .baner_links a {
 text-align:center;
 color:#fff;
 font-family: 'Raleway';
 font-weight:400;
 text-decoration:none;
 -webkit-transition: all 1s ease-in-out;
 -moz-transition: all 1s ease-in-out;
 -o-transition: all 1s ease-in-out;
 transition: all 1s ease-in-out;
 -webkit-transition:all 0.3s ease-out;
 -moz-transition:all 0.3s ease-out;
 -ms-transition:all 0.3s ease-out;
 -o-transition:all 0.3s ease-out;
 transition:all 0.3s ease-out;
}
 .baner_links a span {
 font-size: 24px;
}
}

 .subimg img {
 width:100%; -webkit-transition: all 1s ease-in-out;
 -moz-transition: all 1s ease-in-out;
 -o-transition: all 1s ease-in-out;
 transition: all 1s ease-in-out;
}



 .sub_imgmain:hover  img{ -webkit-transform: rotate(3deg);
 -moz-transform: rotate(3deg);
 -o-transform: rotate(3deg);
 -ms-transform: rotate(3deg);
 transform: rotate(3deg);}

 .contact_rightbox img {
 -webkit-transition: all 1s ease-in-out;
 -moz-transition: all 1s ease-in-out;
 -o-transition: all 1s ease-in-out;
 transition: all 1s ease-in-out;
     transform: rotate(-3deg);
}
 .contact_rightbox:hover  img{ -webkit-transform: rotate(3deg);
 -moz-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 transform: rotate(0deg);

 -moz-box-shadow: 0px 0px 20px #999;
 -webkit-box-shadow: 0px 0px 20px #999;
 box-shadow: 0px 0px 20px #999;
 -webkit-transition: all .2s ease;
transition: all 1.2s ease;
}

 .baner_links:hover {
 -webkit-transform:rotate(0deg) scale(1.2);
 -moz-transform:rotate(0deg) scale(1.2);
 -ms-transform:rotate(0deg) scale(1.2);
 -o-transform:rotate(0deg) scale(1.2);
 transform:rotate(0deg) scale(1.2);
     margin-left: -20px;
}




 .sub_imgmain:hover  .baner_links{  -webkit-transform:rotate(0deg) scale(1.2);
 -moz-transform:rotate(0deg) scale(1.2);
 -ms-transform:rotate(0deg) scale(1.2);
 -o-transform:rotate(0deg) scale(1.2);
 transform:rotate(0deg) scale(1.2);}









 @media screen and (min-width:992px) and (max-width:1199px) {
 .sub_imgmain {
 position: absolute;
 width: 100%;
 height: auto;
 background: #;
 bottom: 41px;
}
 .subimg {
 width: 24%;
 float: left;
 z-index: 5;
 position: relative;
}
 .subimg img {
 width:100%;
}
 .mainbanner .carousel-inner {
 position: relative;
 width: 100%;
 overflow: hidden;
}
 .mainbanner .carousel {
 position: relative;
 border-bottom: 50px solid #3a416f;
}

  .baner_links p+p a {
 font-family: 'Raleway';
    font-weight: 400;
    font-size: 20px;
    line-height: 13px;
    z-index: 30;
    position: relative;
} 

 .baner_links {
 background: #6b80aa;
 width: 30%; 

    /* float: left; */

    height: auto;
 position: relative;
 float: left;
 margin-top:106px;
 margin-left: -35px;
 -webkit-transform: rotate(08deg);
 -moz-transform: rotate(-30deg);
 -o-transform: rotate(-30deg);
 -ms-transform: rotate(-30deg);
 transform: rotate(-4deg);
 z-index:4;
 padding: 30px 10px 30px 37px;
 text-align: center;  -webkit-transition:all 1s ease-out;
 -moz-transition:all 1s ease-out;
 -ms-transition:all 1s ease-out;
 -o-transition:all 1s ease-out;
 transition:all 1s ease-out;
}
 .baner_links a {
 text-align:center;
 color:#fff;
 font-family: 'Raleway';
 font-weight:400;
}
 .baner_links a span {
 font-size: 26px;
}
}
 @media screen and (min-width:768px) and (max-width:991px) {
 .sub_imgmain {
 position: absolute;
 width: 100%;
 height: auto;
 background: #;
 bottom:31px;
}
 .subimg {
 width: 25%;
 float: left;
 z-index: 5;
 position: relative;
}
 .subimg img {
 width:100%;
}
 .mainbanner .carousel-inner {
 position: relative;
 width: 100%;
 overflow: hidden;
}
 .mainbanner .carousel {
 position: relative;
 border-bottom: 50px solid #3a416f;
}
 .baner_links {
 background: #6b80aa;
 width: 32%;

    /* float: left; */

    height: auto;
 position: relative;
 float: left;
 margin-top:89px;
 margin-left: -30px;
 -webkit-transform: rotate(08deg);
 -moz-transform: rotate(-30deg);
 -o-transform: rotate(-30deg);
 -ms-transform: rotate(-30deg);
 transform: rotate(-4deg);
 z-index:4;
 padding:10px 10px 10px 27px;
 text-align: center;  -webkit-transition:all 1s ease-out;
 -moz-transition:all 1s ease-out;
 -ms-transition:all 1s ease-out;
 -o-transition:all 1s ease-out;
 transition:all 1s ease-out;
}
 .baner_links a {
 text-align:center;
 color:#fff;
 font-family: 'Raleway';
 font-weight:400;
text-decoration: none;
 font-size:12px;
}
 .baner_links a span {
 font-size: 16px;
}
}
.baner_links a { text-decoration: none; }
 @media screen and (min-width:600px) and (max-width:767px) {
 .sub_imgmain {
 position: absolute;
 width: 100%;
 height: auto;
 background: #;
 bottom:31px;
}
 .subimg {
 width: 25%;
 float: left;
 z-index: 5;
 position: relative;
}
 .subimg img {
 width:100%;
}
 .mainbanner .carousel-inner {
 position: relative;
 width: 100%;
 overflow: hidden;
}
 .mainbanner .carousel {
 position: relative;
 border-bottom: 50px solid #3a416f;
}

  .baner_links p+p a {
 font-family: 'Raleway';
    font-weight: 400;
    font-size:19px;
    line-height: 13px;
    z-index: 30;
    position: relative;
}      
   


 .baner_links {
 background: #6b80aa;
 width: 32%;

    /* float: left; */

    height: auto;
 position: relative;
 float: left;
 margin-top:89px;
 margin-left: -30px;
 -webkit-transform: rotate(08deg);
 -moz-transform: rotate(-30deg);
 -o-transform: rotate(-30deg);
 -ms-transform: rotate(-30deg);
 transform: rotate(-4deg);
 z-index:4;
 padding:10px 10px 10px 27px;
 text-align: center;  -webkit-transition:all 1s ease-out;
 -moz-transition:all 1s ease-out;
 -ms-transition:all 1s ease-out;
 -o-transition:all 1s ease-out;
 transition:all 1s ease-out;
}
 .baner_links a {
 text-align:center;
 color:#fff;
 font-family: 'Raleway';
 font-weight:400;
 font-size:12px;
}
 .baner_links a span {
 font-size: 16px;
}
}
 @media screen and (min-width:503px) and (max-width:599px) {
 .sub_imgmain {
 position: absolute;
 width: 100%;
 height: auto;
 background: #;
 bottom:31px;
}
 .subimg {
 width: 25%;
 float: left;
 z-index: 5;
 position: relative;
}
 .subimg img {
 width:100%;
}
 .mainbanner .carousel-inner {
 position: relative;
 width: 100%;
 overflow: hidden;
}
 .mainbanner .carousel {
 position: relative;
 border-bottom: 50px solid #3a416f;
}
 .baner_links {
 background: #6b80aa;
 width: 32%;

    /* float: left; */

    height: auto;
 position: relative;
 float: left;
 margin-top:39px;
 margin-left: -35px;
 -webkit-transform: rotate(08deg);
 -moz-transform: rotate(-30deg);
 -o-transform: rotate(-30deg);
 -ms-transform: rotate(-30deg);
 transform: rotate(-4deg);
 z-index:4;
padding: 10px 4px 10px 27px;
 text-align: center;  -webkit-transition:all 1s ease-out;
 -moz-transition:all 1s ease-out;
 -ms-transition:all 1s ease-out;
 -o-transition:all 1s ease-out;
 transition:all 1s ease-out;
}
 .baner_links a {
 text-align:center;
 color:#fff;
 font-family: 'Raleway';
 font-weight:400;
 font-size:10px;
}
 .baner_links a span {
 font-size: 12px;
}


   .baner_links p {
   font-family: 'Raleway';
    line-height: 10px; font-size:12px;
}  
   .baner_links p+p a {
  font-family: 'Raleway';
    font-weight: 400;
    font-size: 13px;
    line-height: 10px;
    z-index: 30;
    position: relative;
} 



}
 @media screen and (min-width:426px) and (max-width:502px) {
     
   .baner_links p {
   font-family: 'Raleway';
    line-height: 10px;
}  
   .baner_links p+p a {
  font-family: 'Raleway';
    font-weight: 400;
    font-size: 11px;
    line-height: 10px;
    z-index: 30;
    position: relative;
}    
     
     
 .sub_imgmain {
 position: absolute;
 width: 100%;
 height: auto;
 background: #;
 bottom:31px;
}
 .subimg {
 width: 25%;
 float: left;
 z-index: 6;
 position: relative;
}
 .subimg img {
 width:100%;
}
 .mainbanner .carousel-inner {
 position: relative;
 width: 100%;
 overflow: hidden;
}
 .mainbanner .carousel {
 position: relative;
 border-bottom: 50px solid #3a416f;
}
 .baner_links {
 background: #6b80aa;
 width: 42%;

    /* float: left; */

    height: auto;
 position: relative;
 float: left;
 margin-top:39px;
 margin-left: -20px;
 -webkit-transform: rotate(08deg);
 -moz-transform: rotate(-30deg);
 -o-transform: rotate(-30deg);
 -ms-transform: rotate(-30deg);
 transform: rotate(-4deg);
 z-index:5;
 padding:10px 10px 10px 27px;
 text-align: center; -webkit-transition:all 1s ease-out;
 -moz-transition:all 1s ease-out;
 -ms-transition:all 1s ease-out;
 -o-transition:all 1s ease-out;
 transition:all 1s ease-out;
}
 .baner_links a {
 text-align:center;
 color:#fff;
 font-family: 'Raleway';
 font-weight:400;
 font-size:10px;
}
 .baner_links a span {
 font-size: 13px;
}
}
 @media screen and (min-width:100px) and (max-width:425px) {
 .sub_imgmain {
 position: absolute;
 width: 100%;
 height: auto;
 background: #;
 bottom:31px;
}
 .subimg {
 width: 25%;
 float: left;
 z-index: 5;
 position: relative;
}
 .subimg img {
 width:100%;
}
 .mainbanner .carousel-inner {
 position: relative;
 width: 100%;
 overflow: hidden;
}
 .mainbanner .carousel {
 position: relative;
 border-bottom: 50px solid #3a416f;
}



 .baner_links   p {
    color: #6f6f6e;
    font-family: 'Raleway';
    padding: 0px;
    line-height: 5px;
}




 .baner_links {
 background: #;
 width: 100%;

    /* float: left; */

    height: auto;
 position: absolute;
 float: left;
 left: 0px;

    /* -webkit-transform: rotate(08deg); */

    -moz-transform: rotate(-30deg);
 -o-transform: rotate(-30deg);
 -ms-transform: rotate(-30deg);

    /* transform: rotate(-4deg); */

    z-index: 5;
 padding: 10px 10px 10px 73px;
 text-align: center;
 bottom: -35px;
/* display: none; */ -webkit-transition:all 0.3s ease-out;
 -moz-transition:all 0.3s ease-out;
 -ms-transition:all 0.3s ease-out;
 -o-transition:all 0.3s ease-out;
 transition:all 0.3s ease-out;

}
 .baner_links a {
 text-align:center;
 color:#fff;
 font-family: 'Raleway';
 font-weight:400;
 font-size:10px;
}
 .baner_links a span {
 font-size: 13px;
}
}
/*popupppppppppppppppppppppppppppppppppp*/









#portfolio { display: block; }
#portfolio li { display: block; float: left; width: 30%; max-width: 400px; margin-right: 20px; margin-bottom: 20px; }
#portfolio li a { display: block; padding: 8px; background: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.25); -moz-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.25); box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.25); }
.mfp-title { font-size: 1.2em; color: #ddd !important; font-weight: 700; }
/** clearfix **/

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }





/** media queries **/

@media screen and (max-width: 780px) {
 #portfolio li {
 width: 45%;
}
}
 @media screen and (max-width: 550px) {
 #portfolio {
 text-align: center;
}
 #portfolio li {
 float: none;
 display: inline-block;
 width: 80%;
 margin-bottom: 30px;
}
}