/* !- 800 ( large portrait tablets  and large landscape phones ) */
  @media screen and (max-width: 800px) {
      
 /* ------------------------------------------ */



 .top-info .row-fluid .span2,
 .top-info .row-fluid .span3 {
     width: 100% !important;
 }
      
 .btn1{
    height: auto;
} 

.line{
    display: none;
}
      
.row-fluid [class*="span"] {
	width: 100%!important;
	float: none!important;
}
.row-fluid .row-fluid .row-fluid [class*="span"] {
	width: 50%!important;
	float: left!important
}
.row-fluid .span3,
.row-fluid .spanone_fifth,
.row-fluid .span2 {
	width: 50%!important;
	float: left!important;
}
.row-fluid .span4,
.row-fluid .span6,
.row-fluid .span8,
.row-fluid .span9,
.row-fluid .span10,
.row-fluid .span12 {
	height: auto!important
}
.row-fluid.style2 .span6:after,
.row-fluid.style2 .span4:before,
.row-fluid.style2 .span4:after,
.row-fluid.style2 .span6:before {
	display: none!important
}
.row-fluid.style2 .span6 .vertical-padding-large,
.row-fluid.style2 .span4 .vertical-padding-large {
	padding-top: 20px!important;
	padding-bottom: 20px!important
}
.row-fluid.style2 .span6:last-child,
.row-fluid.style2 .span4:last-child {
	margin-bottom: 40px!important
}
.row-fluid.style3 .span4 ,.row-fluid.style3 .span6 { border:1px solid #e5e5e5!important; margin-top:-1px!important}
.row-fluid.style3 [class*="span"].top-row:before,
.row-fluid.style3 [class*="span"].bottom-row:after,
.row-fluid.style3 .border-bottom-extra,
.row-fluid.style3 .border-top-extra,
.row-fluid.style3 .border-bottom-left-extra,
.row-fluid.style3 .border-top-right-extra,
.row-fluid.style3 .border-top-left-extra,
.row-fluid.style3 [class*="span"].border-left:not(.bottom-row):after,
.row-fluid.style3 .border-bottom-right-extra,
.row-fluid.style3 [class*="span"].border-right:not(.bottom-row):after {
	display: none!important
}
.section.full-width-alternate.style2 .content-right .inner-content {
	max-width: 100%;
	padding-left: 40px;
	padding-right: 40px
}
.section-with-sidebar .sidebar {
	padding-top: 0;
	width: 100%!important;
	border-left: 0;
	padding-left: 0px!important
}
.section-with-sidebar .sidebar .inner-content {
	padding-left: 0!important
}
.section-with-sidebar .sidebar .flickr_widget a,
.recent-works-items > a {
	width: 80px!important
}

.gaps-small{
	display: block;
	width: 100%;
	margin: 0;
	height: 20px;
	line-height: 20px
}

.contact-top {
    margin-left: 76%;
    margin-right:-50%;
}

.login-top {
    margin-right:-90px;
}

.contact-tops {
    margin-left: 76%;
    margin-right:-50%;
}

#top_bar-seo{
    margin-top:7%;
	height: auto;
	background-color:#000;
	color:#FFF;
	text-align: center;
	padding-right:0px;
}
#top_bar1 {
    /*margin-top:7%;*/
	height: auto;
	background-color:#f8f8f8;
	text-align: center;
	padding-right:0px;
}
#top_bar1 .contact-info-container,
#top_bar1 .social-icons-container {
	width: 100%;
	float: none;
	clear: both;
	margin-bottom: 5px
}
#top_bar1 .social-icons li {
	border: none!important;
	margin-right:0px;
}

#top_bar1 .social-icons {
	width: 100%;
	float: none
}





#top_bar {
    margin-top:7%;
	height: auto;
	background-color:#f8f8f8;
	text-align: center;
	padding-right:0px;
}
#top_bar .contact-info-container,
#top_bar .social-icons-container {
	width: 100%;
	float: none;
	clear: both;
	margin-bottom: 5px
}
#top_bar .social-icons li {
	border: none!important;
	margin-right:0px;
}

#top_bar .social-icons {
	width: 100%;
	float: none
}

#toggle-menu {
	display: block;
	float: right!important;
	width: 15%!important;
	text-align: right;
	margin: 2px 0px 0 20px
}

#topbar_header{
	width: 100%;
	position: relative;
	padding-top:20px!important;
	padding-bottom:20px!important;
	color: #888;
	font-size: 16px
}

.widget_topbar {
	font-size: 16px;
	padding:15px;
	width:100%;
	text-align:center;
}

#header_space {
	height: 0;
	display: none
}
#header {
    position: fixed;
    height: 55px;
    overflow: hidden;
    border-bottom: 1px solid;
}
#main_navigation .logo-container {
	border-right: none!important
}
#main_header_container .container {
	max-width: auto;
	padding: 0 20px
}
#main_navigation .logo-container {
	width: 85%!important;
	max-width: auto!important;
	padding: 0!important
}
#main_menu,
#header-search-button {
	display: none!important
}
#main_navigation #logo {
	height: 55px;
	line-height: 55px
}
#main_navigation {
	height: 55px
}
#titlebar #breadcrumbs { margin-top:10px}
#titlebar h1 , #titlebar #breadcrumbs { width:100%!important; text-align:left}
.tp-caption.bg-title,
.tp-caption.bg-title-white,
.tp-caption.bg-subtitle,
.tp-caption.bg-subtitle-white,
.tp-caption.bg-buttons,
.tp-caption.bg-buttons-white {
	width:50%!important;
}


.tp-leftarrow.large,
.tp-leftarrow.default,
.tp-rightarrow.large,
.tp-rightarrow.default { margin:-30px 0px 0!important}
.full-width-carousel {
	padding-left: 0px!important;
	padding-right: 0px!important
}
.full-width-carousel .carousel-next,
.full-width-carousel .carousel-prev {
	display: none!important
}
.full-width-alternate {
	padding-top: 0!important
}
#copyright .textright {
	text-align: left!important
}

.portfolio-tabs{ margin-bottom:30px}
.portfolio-tabs ul li { margin-left:10px; margin-bottom:10px; -webkit-border-radius:4px!important; -moz-border-radius:4px!important; border-radius:4px!important}

.file-upload {
  background-color: #ffffff;
  /*width: 600px;*/
  margin: 0 auto;
  padding: 10px;
}

.image-upload-wrap {
    margin-top: 0px;
    border: 4px dashed #3498db;
    position: relative;
    height: 75px;
    /*margin-bottom: 5%;*/
    width: 350px;
}

.drag-text h3 {
    /* font-weight: 100; */
    text-transform: uppercase;
    color: #3498db;
    padding: 16px;
    font-size:15px;
}

}



@media screen and (min-width: 200px) and (max-width: 375px) {
    
.contact-top {
    margin-left:11%;
    margin-right:5px;
}

.contact-tops {
    /*margin-left:11%;*/
    margin-right:5px;
}

.login-top {
    margin-right:25%;
}
#top_bar {
    margin-top:25%;
 
}

.social-icons-container{
    width:200px;
}
.social-icons a{
    width:25px;
    height:25px;
}


#top_bar1 .contact-info-container,
#top_bar1 .social-icons-container {
	width: 100%;
	float: none;
	clear: both;
	margin-bottom: 5px
}
#top_bar1 .social-icons li {
	border: none!important;
	margin-right:0px;
}

#top_bar1 .social-icons {
	width: 100%;
	float: none
} 

.file-upload {
  background-color: #ffffff;
  /*width: 600px;*/
  margin: 0 auto;
  padding: 10px;
}

.image-upload-wrap {
    margin-top: 0px;
    border: 4px dashed #3498db;
    position: relative;
    height: 75px;
    /*margin-bottom: 5%;*/
    width: 310px;
}

.drag-text h3 {
    /* font-weight: 100; */
    text-transform: uppercase;
    color: #3498db;
    padding: 16px;
    font-size:15px;
}

}

/* !- (portrait phones) */
@media screen and (min-width: 320px ) and (max-width: 600px) {


#top_bar-seo{
    margin-top:13%;
	height: auto;
	background-color:#000;
	color:#FFF;
	text-align: center;
	padding-right:0px;
}


#top_bar1 {
    /*margin-top:13%;*/
	height: auto;
	background-color:#f8f8f8;
	text-align: center;
	padding-right:0px;
}
#top_bar1 .contact-info-container,
#top_bar1 .social-icons-container {
	width: 100%;
	float: none;
	clear: both;
	margin-bottom: 5px
}
#top_bar1 .social-icons li {
	border: none!important;
	margin-right:0px;
}

#top_bar1 .social-icons {
	width: 100%;
	float: none
} 


     
#top_bar {
    margin-top:13%;
	height: auto;
	background-color:#f8f8f8;
	text-align: center;
	padding-right:0px;
}
#top_bar .contact-info-container,
#top_bar .social-icons-container {
	width: 100%;
	float: none;
	clear: both;
	margin-bottom: 5px
}
#top_bar .social-icons li {
	border: none!important;
	margin-right:0px;
}

#top_bar .social-icons {
	width: 100%;
	float: none
} 

.contact-top {
    margin-left: 50px;
    margin-right: 40px;
}

.contact-tops {
    margin-left: 50px;
    margin-right: 40px;
}

.login-top {
    margin-right: 97px;
} 
     
     
     
  /* -------------------- */  
  
 .con{
        /* background-color: red; */
      
    }
    .title p{
        text-align: center;
    }

    

    .line{
       
      /* transform: rotate(90deg);
      transform-origin: left top; */
      width: 100%;
      height: 2px;
      /* background-color: rgba(255, 0, 0, 0.747); */

      margin-left: 0px;
      margin-right: 0px;

    
    
      /* background-color: red; */
     
    }
    .line img{
        /* transform: rotate(90deg); */


        transform: rotate(-90deg);
      transform-origin: left top;
      
      /* height:  100%; */
      height: 70px;
      margin-top: 5px;

      margin-left: calc(50% - 35px);
    

      /* width: 2px; */
      /* float: none; */
      /* margin:0; */
      /* margin-left: 45px; */
      /* float: right; */
      text-align: center;
    
     

    }
    .numbers{
        width: 100%;
        /* background-color: steelblue; */
        /* float: none; */
         /* width: 100%; */
       
    }

  

    .btn1{
         /* float: none; */
         width: 100%;
         /* background-color: rosybrown; */
         /* margin-top: 10px; */
         height: 40px;

         margin-left: 0px;
      margin-right: 0px;
          
        
         /* height: 50px; */
         /* margin-left: 0; */

    }


    

    .btn2{
          /* float: none; */
         width: 100%;

          margin-left: 0px;
      margin-right: 0px;
    }

    .btn1_inner2{
        margin-top: -5px;
        margin-left: 0px;
        margin-right: 0px;
        margin-left: calc(50% - 55px);

        color: #FFF;
        font-family: inherit;
        background: #3498db;
        display: inline-block;
        padding: 10px 25px 12px;
        text-transform: uppercase;
        font-size: 12px;
        -webkit-font-smoothing: subpixel-antialiased!important;
        font-weight: 600;
        box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset;
        -moz-box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset;
        -webkit-box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset;
        -o-box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset;
        opacity: 0.85;
        border: none!important;
        outline: none!important;
        text-align: center;
        transition: all 0.3s ease-in-out;
        border-radius: 3px;
        letter-spacing: 1px;
        text-shadow: 0 1px 0px rgba(255,255,255,0.25);       
    }
  
  
  
  
  /* -------------------- */
     
     
.gaps-small{
	display: block;
	width: 100%;
	margin: 0;
	height: 20px;
	line-height: 20px
}
     
     

.row-fluid .row-fluid .row-fluid [class*="span"] {
	width: 100%!important;
	float: none!important
}

.row-fluid .span3,
.row-fluid .spanone_fifth,
.row-fluid .span2 {
	width: 100%!important;
	float: none!important;
}
.row-fluid.style3 [class*="span"]{ border:1px solid #e5e5e5!important; margin-top:-1px!important}
.tp-caption.bg-title,
.tp-caption.bg-title-white,
.tp-caption.bg-subtitle,
.tp-caption.bg-subtitle-white,
.tp-caption.bg-buttons,
.tp-caption.bg-buttons-white {
	width:50%!important;
}


.stunning_text .big-title > div > span , .stunning_text .big-title.extra-large-text > div > span { min-width:0}
.testimonial-grid-item .testimonial { padding-left:0}
.testimonial-grid-item .author-avatar{ position:relative; margin-bottom:20px} 
.row-fluid.style2 [class*="span"]:after,
.row-fluid.style2 [class*="span"]:before {
	display: none!important
}


}
 @media screen and (min-width: 1000px) and (max-width: 1197px) {
    
    
     
  ul.main_menu{
     
    margin-left:7px; 
 }
   
   
 ul.main_menu > li > a {
     margin-right:10px;
 }
 
 .search-button {
     font-size:10px;
 }
 

  
  
 /* ------------------------------------------ */
 
.con{
    height: auto;
     width: 100%;
/* background-color: rgb(0, 0, 0); */
/* margin-left: 15px;
margin-right: 15px; */
max-width: 1140px;
}

.numbers{
    width: 115px;
    height: 70px;
    /* background-color: rgb(165, 179, 179); */
    float: left;
    /* margin-top: 5px; */
}





.btn1_inner2{
      height: 28px;
    /*//  background-color:rgb(52  , 148, 208);*/
      margin-top: 15px;
      text-align: center;
      margin-left: calc(50% - 85px);
      float: left;

        color: #FFF;
        font-family: inherit;
        background: #3498db;
        display: inline-block;
        padding: 10px 25px 12px;
        text-transform: uppercase;
        font-size: 12px;
        -webkit-font-smoothing: subpixel-antialiased!important;
        font-weight: 600;
        box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset;
        -moz-box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset;
        -webkit-box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset;
        -o-box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset;
        opacity: 0.85;
        border: none!important;
        outline: none!important;
        text-align: center;
        transition: all 0.3s ease-in-out;
        border-radius: 3px;
        letter-spacing: 1px;
        text-shadow: 0 1px 0px rgba(255,255,255,0.25);
    }
    

  .pra h2{
    font-size: 11px;
  }

.btn_icon_img2{
    height: 25px;
    margin-top: 2px;
    float: left;
    margin-left: 2px;
}
.btn_icon_img2 img{
    height: 100%;
}

.pra2{
    height: 30px;
    /* margin-top: 15px; */
    /* background-color: blue; */
    float: left;
}
.pra2 h2{
    margin-top: 7px;
    float: left;
    color: white;
    font-weight: 500;
    margin-left: 2px;
    margin-right: 15px;
    font-size: 15px;

} 
 
 
 
 
 
 
 
 /* ------------------------------------------ */     
     
     
#topbar_header{
	width: 100%;
	position: relative;
	padding-top:20px!important;
	padding-bottom:20px!important;
	color: #888;
	font-size: 16px
}

.gaps-small{
	display: block;
	width: 100%;
	margin: 0;
	height: 20px;
	line-height: 20px
}

     
.tp-caption.bg-title,
.tp-caption.bg-title-white,
.tp-caption.bg-subtitle,
.tp-caption.bg-subtitle-white,
.tp-caption.bg-buttons,
.tp-caption.bg-buttons-white {
	width: 512px;
}

.contact-top {
  margin-right:-10%;
}

.contact-tops {
  margin-right:-10%;
}

.login-top {
  margin-right:-5%;
}

#top_bar-seo{
    /*margin-top:13%;*/
	background-color:#000;
	color:#FFF;
	text-align: center;
	padding:7.5px;
}
#top_bar1 {
	height: auto;
	background-color:#f8f8f8;
	text-align: center;
}

#top_bar1 .contact-info-container,
#top_bar1 .social-icons-container {
	width: 100%;
	float: none;
	clear: both;
	margin-bottom: 5px
}
#top_bar1 .social-icons li {
	border: none!important;
	margin-right: 0
}
#top_bar1 .social-icons {
	width: 100%;
	float: none
}



#top_bar {
	height: auto;
	background-color:#f8f8f8;
	text-align: center;
}

#top_bar .contact-info-container,
#top_bar .social-icons-container {
	width: 100%;
	float: none;
	clear: both;
	margin-bottom: 5px
}
#top_bar .social-icons li {
	border: none!important;
	margin-right: 0
}
#top_bar .social-icons {
	width: 100%;
	float: none
}

}

@media only screen and (max-width: 960px) {
    


.btn1_inner2{

    /*//  background-color:rgb(52  , 148, 208);*/
        margin-top: 15px;
        text-align: center;
        margin-left: 0;
        width: 100%;
        float: left;
        color: #FFF;
        font-family: inherit;
        background: #3498db;
        display: inline-block;
        padding: 10px 25px 12px;
        text-transform: uppercase;
        font-size: 12px;
        -webkit-font-smoothing: subpixel-antialiased!important;
        font-weight: 600;
        box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset;
        -moz-box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset;
        -webkit-box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset;
        -o-box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset;
        opacity: 0.85;
        border: none!important;
        outline: none!important;
        text-align: center;
        transition: all 0.3s ease-in-out;
        border-radius: 3px;
        letter-spacing: 1px;
        text-shadow: 0 1px 0px rgba(255,255,255,0.25);
  }

.btn_icon_img2{
    height: 25px;
    margin-top: 2px;
    float: left;
    margin-left: 2px;
}
.btn_icon_img2 img{
    height: 100%;
}

.pra2{
    height: 30px;
    /* margin-top: 15px; */
    /* background-color: blue; */
    float: left;
}
.pra2 h2{
    margin-top: 7px;
    float: left;
    color: white;
    font-weight: 500;
    margin-left: 2px;
    margin-right: 15px;
    font-size: 11px;

} 
 
 
 
 
 
 
 
 /* ------------------------------------------ */     


#topbar_header{
	width: 100%;
	position: relative;
	padding-top:20px!important;
	padding-bottom:20px!important;
	color: #888;
	font-size: 16px
}
     
.tp-caption.bg-title,
.tp-caption.bg-title-white,
.tp-caption.bg-subtitle,
.tp-caption.bg-subtitle-white,
.tp-caption.bg-buttons,
.tp-caption.bg-buttons-white {
	width: 480px;
}

.gaps-small{
	display: block;
	width: 100%;
	margin: 0;
	height: 20px;
	line-height: 20px
}

.contact-top {
  margin-right:5%;
  margin-left:20%;
}


.login-top {
  margin-right:30%;
  margin-left:10%;
}


.contact-tops {
  margin-right:5%;
  /*margin-left:20%;*/
}


#top_bar-seo{
    margin-top:13%;
	background-color:#000;
	color:#FFF;
	text-align: center;
	padding:7.5px;
}


#top_bar1 {
	height: auto;
	background-color:#f8f8f8;
	text-align: center;
	/*margin-top:13%;*/
}
#top_bar1 .contact-info-container,
#top_bar1 .social-icons-container {
	width: 100%;
	float: none;
	clear: both;
	margin-bottom: 5px
}
#top_bar1 .social-icons li {
	border: none!important;
	margin-right: 0
}
#top_bar1 .social-icons {
	width: 100%;
	float: none
}




#top_bar {
	height: auto;
	background-color:#f8f8f8;
	text-align: center;
	margin-top:13%;
}
#top_bar .contact-info-container,
#top_bar .social-icons-container {
	width: 100%;
	float: none;
	clear: both;
	margin-bottom: 5px
}
#top_bar .social-icons li {
	border: none!important;
	margin-right: 0
}
#top_bar .social-icons {
	width: 100%;
	float: none
}


.stunning_text .big-title > div > span {
	line-height: 125%
}
/* ignore br so content fit perfectly */
.stunning_text p br {
	display: none;
}

}

/* min-width: 768px */
@media (min-width: 768px) {

 
    
#topbar_header{
	width: 100%;
	position: relative;
	padding-top:20px!important;
	padding-bottom:20px!important;
	color: #888;
	font-size: 16px;
    display: flex;
    align-items: center;
}


.space-right{
    padding-right:5px;
}

.space-left{
    padding-left:5px;
}

.gaps-small{
	display: block;
	width: 100%;
	margin: 0;
	height: 20px;
	line-height: 20px
}

.contact-top {

}

.login-top {
 
}

#top_bar-seo{

	height: 60px;
	background-color:#000;
	color:#FFF;
	text-align: center;
	padding:10px;
}


#top_bar1 {
	height: auto;
	background-color:#f8f8f8;
	text-align: center;
}
#top_bar1 .contact-info-container,
#top_bar1 .social-icons-container {
	width: 100%;
	float: none;
	clear: both;
	margin-bottom: 5px
}
#top_bar1 .social-icons li {
	border: none!important;
	margin-right: 0
}
#top_bar1 .social-icons {
	width: 100%;
	float: none
}




#top_bar {
	height: auto;
	background-color:#f8f8f8;
	text-align: center;
}
#top_bar .contact-info-container,
#top_bar .social-icons-container {
	width: 100%;
	float: none;
	clear: both;
	margin-bottom: 5px
}
#top_bar .social-icons li {
	border: none!important;
	margin-right: 0
}
#top_bar .social-icons {
	width: 100%;
	float: none
}
     
}

 
/* !- Ipads */
 @media (min-width: 768px) and (max-width: 979px) {
     


   
.top-info  .line{
    display: none;
}
.top-info .row-fluid .span2,
.top-info .row-fluid .span3 {
    width: 100%;
}
   
  /* ------------------------------------------ */
 
.con{
    height: auto;
     width: 100%;
/* background-color: rgb(0, 0, 0); */
/* margin-left: 15px;
margin-right: 15px; */
max-width: 1140px;
}

.numbers{
    width: 115px;
    height: 70px;
    /* background-color: rgb(165, 179, 179); */
    float: left;
    /* margin-top: 5px; */
}

.inner_number{

}


.n1{
    /* background-color: royalblue; */
}
 .n2{
     /* background-color: saddlebrown; */
 }


.num{
    /* background-color: red; */
    height: 25px;
    width: 100%;
    float: left;
    margin-top: 5px;
}

.icon_img{
    height: 25px;
    width: 25px;
    float: left;
}
.n1 .icon_img{
    height: 100%;
    /* width: 40px; */
    float: left;
    /* background-color: rgb(54, 63, 90); */
}



.n1 .title{
    font-size: 8px;
    font-weight: 900;
    color: rgb(26, 80, 49);
   
    width: 90px;
    height: 10px;

    float: left;
    /* background-color: snow; */
    /* margin-top: 0; */
    /* text-align: center; */
    /* width: ; */
}

.n1 .title{
margin-top: 0;
}

.n1 .numb{
    height: 15px;
   width: 90px;
  
   /* background-color: salmon; */
   float: left;
}
.n1 .numb{
    float: left;
    margin-top: 0px;
    color: seagreen;
    margin-top: 0;
    font-size: 15px;
}










.n2 .icon_img img{
    height: 100%;
    /* width: 40px; */
    float: left;
    /* background-color: rgb(54, 63, 90); */
}



.n2 .title{
    font-size: 8px;
    font-weight: 900;
    color: rgb(0, 21, 83);
    float: left;
    width: 90px;
    height: 10px;
    /* margin-top: 0; */
    /* text-align: center; */
    /* width: ; */
}

.n2 .title{
margin-top: 0;
}

.n2 .numb{
    height: 15px;
   width: 90px;
   /* background-color: springgreen; */
  
   float: left;
}
.n2 .numb{
    float: left;
    margin-top: 0px;
    color: rgb(12, 42, 131);
    margin-top: 0;
    font-size: 15px;
}




.line{
    width: 5px;
    height: 80px;
    float: left;
    /* margin-top: 15px; */
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 5px;
    /* color: red; */

    
  }

  .line{
    /* width: 2px; */
    height: 70px;
    /* margin-top: 15px; */
    /* transform: rotate(90deg); */
      /* transform-origin: left top; */
  }

.btn1{
    width: 140px;
    height: 80px;
    /* background-color: rgb(165, 179, 179); */
    float: left;
    margin-top: 5px;
    margin-left: 5px;
    margin-right: 5px;
    /* border: 15px solid rgba(226, 224, 224, 0.966); */
    /* box-sizing: border-box; */
    /* background-color: rgb(24, 51, 126); */

  }

  .btn1_inner{
      background-color: rgb(52  , 148, 208);
      margin-top: 15px;
      float: left;
  }

.btn_icon_img{
    height: 25px;
    /* margin-top: 15px; */
    float: left;
    margin-left: 2px;
    margin-top: 5px;
}
.btn_icon_img img{
    height: 100%;
}

.pra{
    height: 35px;
    /* margin-top: 15px; */
    /* background-color: blue; */
    float: left;
}
.pra{
    
    margin-top: 7px;
    float: left;
    color: white;
    font-weight: 500;
    margin-left: 2px;
    margin-right: 15px;
    font-size: 18px;

}


.btn2{
    width: 200px;
    height: 80px;
    /* background-color: rgb(165, 179, 179); */
    float: left;
    margin-top: 10px;
    margin-left: 5px;
    color:#fff;

}


.btn1_inner2{
   //   background-color:rgb(52  , 148, 208);
      margin-top: 15px;
      text-align: center;
      float: left;

      color: #FFF;
      font-family: inherit;
      background: #3498db;
      display: inline-block;
      padding: 10px 25px 12px;
      text-transform: uppercase;
      font-size: 12px;
      -webkit-font-smoothing: subpixel-antialiased!important;
      font-weight: 600;
      box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset;
      -moz-box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset;
      -webkit-box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset;
      -o-box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset;
      opacity: 0.85;
      border: none!important;
      outline: none!important;
      text-align: center;
      transition: all 0.3s ease-in-out;
      border-radius: 3px;
      letter-spacing: 1px;
      text-shadow: 0 1px 0px rgba(255,255,255,0.25);
  }

.btn_icon_img2{
    height: 25px;
    margin-top: 2px;
    float: left;
    margin-left: 2px;
}
.btn_icon_img2 img{
    height: 100%;
}

.pra2{
    height: 30px;
    /* margin-top: 15px; */
    /* background-color: blue; */
    float: left;
}
.pra2{
    float: left;
    color: white;
    font-weight: 500;
    margin-left: 2px;
    margin-right: 15px;
    font-size: 15px;

} 
 
 
 
 
 
 
 
 /* ------------------------------------------ */    
     
#topbar_header{
	width: 100%;
	position: relative;
	padding-top:20px!important;
	padding-bottom:20px!important;
	color: #888;
	font-size: 16px
}

.widget_topbar {
	font-size: 16px;
	padding:15px;
	width:100%;
}

.container_topbar {
	width: 100%;
	float: none;
	clear: both;
	padding: 5px
}

.gaps-small{
	display: block;
	width: 100%;
	margin: 0;
	height: 20px;
	line-height: 20px
}

#top_bar-seo{
    margin-top:7%;
	height: auto;
	background-color:#000;
	color:#FFF;
	text-align: center;
}

#top_bar {
	height: auto;
	background-color:#f8f8f8;
	text-align: center;
	margin-top:7%;
}
#top_bar .contact-info-container,
#top_bar .social-icons-container {
	width: 100%;
	float: none;
	clear: both;
	margin-bottom: 5px
}
#top_bar .social-icons li {
	border: none!important;
	margin-right: 0
}
#top_bar .social-icons {
	width: 100%;
	float: none
}

.contact-top {
    margin-left:75%;
    margin-right:-50%;
    margin-top:2px;
}

.login-top {
    margin-left:50%;
    margin-right:-26%;
}

.contact-tops {
    margin-left:75%;
    margin-right:-50%;
    margin-top:2px;
}
     
#toggle-menu {
	display: block;
	float: right!important;
	width: 15%!important;
	text-align: right;
	margin: 2px 0px 0 20px
}
#header_space {
	height: 0;
	display: none
}
#header {
	position: relative;
	height: 55px;
    overflow: hidden;
    position: fixed;
    border-bottom: 1px solid;
}
#main_navigation .logo-container {
	border-right: none!important
}
#main_header_container .container {
	max-width: auto;
	padding: 0 20px
}
#main_navigation .logo-container {
	width: 85%!important;
	max-width: auto!important;
	padding: 0!important
}
#main_menu,
#header-search-button {
	display: none!important
}
#main_navigation #logo {
	height: 55px;
	line-height: 55px
}
#main_navigation {
	height: 55px
}
.tp-caption.bg-title,
.tp-caption.bg-title-white,
.tp-caption.bg-subtitle,
.tp-caption.bg-subtitle-white,
.tp-caption.bg-buttons,
.tp-caption.bg-buttons-white {
	width: 450px;
}
#titlebar #breadcrumbs { margin-top:10px}
#titlebar h1 , #titlebar #breadcrumbs { width:100%!important; text-align:left}


.file-upload {
  background-color: #ffffff;
  /*width: 600px;*/
  margin: 0 auto;
  padding: 10px;
}

.image-upload-wrap {
    margin-top: 0px;
    border: 4px dashed #3498db;
    position: relative;
    height: 75px;
    /*margin-bottom: 5%;*/
    width: auto;
}

.drag-text h3 {
    /* font-weight: 100; */
    text-transform: uppercase;
    color: #3498db;
    padding: 23px;
    font-size:18px;
}


}

/* Buttons Resizing */


 @media only screen and (min-width: 480px) and (max-width: 767px) {
     


.gaps-small{
	display: block;
	width: 100%;
	margin: 0;
	height: 20px;
	line-height: 20px
}


a.button {
	padding: 2px 8px 2px;
	line-height: 25px !important;
	font-size: 10px !important;
	font-weight: normal;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none
}
a.readmore,
.readmore,
.tp-caption.bg-buttons a.readmore,
.tp-caption.bg-buttons-white a.readmore {
	font-size: 11px
}
a.readmore i,
.readmore i,
.tp-caption.bg-buttons a.readmore i,
.tp-caption.bg-buttons-white a.readmore i {
	width: 12px!important;
	line-height: 10px!important;
	height: 12px!important;
	font-size: 10px!important;
}

}
 @media only screen and (min-width: 0px) and (max-width: 479px) {



.gaps-small{
	display: block;
	width: 100%;
	margin: 0;
	height: 20px;
	line-height: 20px
}
     
     
a.button {
	padding: 2px 5px 2px;
	line-height: 18px !important;
	font-size: 10px !important;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none
}
a.readmore,
.readmore,
.tp-caption.bg-buttons a.readmore,
.tp-caption.bg-buttons-white a.readmore {
	display:block;
}



}