/* Responsive styles
================================================== */
/* Large Devices, Wide Screens */
@media (min-width: 1200px) {
  /* Dropdown animation */
  .respimg{ display:none;}
  .navbar-nav .dropdown-menu,
  .navbar-nav .dropdown.megamenu div.dropdown-menu {
    background: none;
    border: 0;
    box-shadow: none;
    display: block;
    opacity: 0;
    z-index: 1;
    visibility: hidden;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: visibility 500ms, opacity 500ms, -webkit-transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
    -moz-transition: visibility 500ms, opacity 500ms, -moz-transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
    -o-transition: visibility 500ms, opacity 500ms, -o-transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
    -ms-transition: visibility 500ms, opacity 500ms, -ms-transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
    transition: visibility 500ms, opacity 500ms, transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
  }

  .navbar-nav .dropdown:hover div.dropdown-menu,
  .navbar-nav .dropdown.megamenu:hover div.dropdown-menu {
    opacity: 1;
    visibility: visible;
    color: #777;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  .navbar-nav .dropdown-backdrop {
    visibility: hidden;
  }



}
/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */
/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */
@media only screen and (max-width: 767px) {
.container{  width:100% ;padding:20px; }


.about-feature-1{ width:50% !important; margin-bottom:30px;}

.myright{ float: none !important; padding:0px; margin-top:40px; text-align: center !important;}
.myleft{width:100% !important;}

#footer .copyright{width:100% !important; margin:0 auto; float:none; text-align:center; 
padding:0px;}


.search{ float: none !important; width:90%; margin:0 auto; margin-top:40px !important; margin-bottom:40px !important;}

.blog-content .blog-meta{text-align:center;padding-left:0px;}
  .title {
    font-size: 40px;
  }
  

  
  .navbar-header .navbar-brand a {
    padding: 6px 8px;
  }
  #hero-area {
    padding: 140px 0;
  }
  #hero-area .btn {
    margin-top: 8px;
  }
  #about {
    padding: 70px 0;
  }
  #about .block {
    padding: 0;
  }
  figure .buttons {
    left: 16%;
  }
  #feature .media {
    margin: 0px 0px 35px;
  }
  #footer .copyright {
    text-align: center;
  }
  #footer .social {
    text-align: center;
  }
  .dropdown-menu > ul > li > a {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
    padding: 15px;
    color: #333;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  .dropdown-menu > ul {
    list-style: none;
    padding: 0 15px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    margin-top: -5px;
    background: #fff;
    background-color: rgba(255, 255, 255, 0.95);
    box-shadow: 0 2px 0.09px rgba(0, 0, 0, 0.15);
  }
  .navbar-collapse {
    background: #1A3664;
  }
  #top-bar .main-menu li > a {
    color: #fff;
    padding: 21px 10px;
    background: transparent;
  }
  #top-bar .dropdown-menu > ul {
    list-style: none;
    padding: 0 15px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    margin-top: -5px;
    background: #fff;
    background-color: rgba(255, 255, 255, 0.95);
    box-shadow: 0 2px 0.09px rgba(0, 0, 0, 0.15);
  }
  #top-bar .dropdown-menu > ul > li > a {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
    padding: 15px;
    color: #333;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
}











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

body{ background: #fff; text-align:left;}  
	

	#jssor_1{width:101% !important;   !important; padding:20px  !important;}
	.respimg{ display:true;}

.imgdispm{ display: none; width:100%;}
	
	.widul{background: #fff !important; width:100% !important; }
.navbar-nav li{width:100%;}

.nav li a{font-size:12px !important;}

.nav li a:hover{text-decoration:underline !Important; color:#fff !important;}

.inmydv{ padding:0px; margin:10px; float:left; width:100%;}
 .about-feature a{color: #003466;font-size:11px !important;} 
 .about-feature p{ line-height:normal;}
 .about-feature h2{font-size:13px !Important;}
.smmydiv{display:none;}
.widul{margin-left:0px !important;}
.widul li{padding:0px ; padding-bottom:5px !important; margin:0px !important; }
.blog-content p{ text-align:left;}
.blog-content .blog-meta a {line-height:20px !important;}
#captext3{font-size:40px !Important;line-height:50px !important;}

#captext2{font-size:40px !Important;line-height:50px !important;}

#captext{font-size:40px !Important;line-height:50px !important;}


.seasearch2 {margin-left:15px !important; padding:0px !important;}
.myro {margin-left:15px !important; padding:0px !important;}
.seap p{margin-left:0px !important; padding:0px !important;}

.mybghy p{width:100% !important;}

.mxpimg{width:70% !Important; float: none !important; margin-bottom:20px;}



.widul li a{ font-size:14px; font-weight:normal; padding:5px !important; margin:0px !important;}
.container{  width:100% ; padding:10px; }

.about-feature-1{ width:100% !important;}
	


.about-feature a{font-size:19px;} 

.about-feature .block {margin-bottom:45px;}

.about-feature .block p{ font-size:19px;  line-height:28px; text-align:left;}

.categories ul li{list-style:decimal; margin-left:20px;}

.categories ul li a {


  font-size:19px;
}

.myright{ float: none !important; padding:0px; margin-top:40px; text-align: center !important;}

#footer{padding:0px;}

.search{ float: none !important; width:90%; margin:0 auto; margin-top:40px !important; margin-bottom:40px !important;}

.blog-content .blog-meta{text-align:center;padding-left:0px;}

.myleft{width:100% !important;}

#footer .copyright{width:100% !important; margin:0 auto; float:none; text-align:center; 
padding:0px;}

.widget-head {
padding-left:0px;

  font-size:25px;    

 
}

.sidebar{padding:6px;}
.sidebar .categories ul li {list-style:decimal;}

.sidebar .categories ul li a {

}

.dropdown-menu ul{background: #E5E5E5 !important;}

.navbar-brand {margin-left:5px !important;}

.sidebar .categories ul li {
  list-style:square;
}

.mypic img{ max-width:40px; margin-right:5px;}

.add{margin-top:40px;}

.widget-head {
  font-size:13px;    

}

.xvr{float: left;}

.smal{ width:40% !important; margin-left:0px; float: none;}

.blog-content li{family: arial; margin-left:8px; list-style:square;}

.blog-content li a{ font-size:18px;}

.myro{ padding-left:20px; margin-top:30px;}

.myro2{ padding-left:20px;}

  
.company-description {
margin-top:10px;}

.mypic{margin:10px;}
.blog-content p{ font-size:18px; padding:6px; line-height:22px;}

.blog-content h3{color: #1A3664; width:100%; font-size:14px; margin-left:6px; line-height:22px; }
	
}
/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */