/*==================================
font-family: 'Poppins', sans-serif;
==================================== */


/*=========== TABLE OF CONTENTS ===========
1.  General css (Reset code)
2.  Header-top
3.  Buttons
4.  Tab/Pill
5.  Themesine-pagination
7.  Themesine-lebels
8.  Themesine-alerts
9.  Themesine-dropdown
10. Themesine-typography
11. Themesine-social-buttons
12. Themesine-menu
13. Scroll-top
14. Responsive
==========================================*/

/*-------------------------------------
		1.General css (Reset code)
--------------------------------------*/
*{
    padding: 0;
    margin: 0;
}

*{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}
body{
	font-family: 'Poppins', sans-serif;
	font-size:16px;
	color:#87939d;
    background: #f9fafd;
    text-transform:initial;
    max-width:1920px;
    margin:0 auto;
	overflow-x:hidden;
}

a,a:hover,a:active,a:focus {
	display:inline-block;
	text-decoration:none;
	color: #87939d;
	font-size:16px;
	padding:0;
    font-weight: 400;
    text-transform: capitalize;
}
h1,h2,h3,h4,h5,h6 { 
	margin: 0;
	color:#46515b;
    font-size: 24px;
    font-weight: 500;
    text-transform: capitalize;
}
p {
	margin: 0;
    line-height: 1.8;
    color: #9ea5ac;
    text-transform: initial;
    text-transform: capitalize;
}
img{border:none;max-width:100%; height:auto;}
ul{
	padding: 0;
    margin: 0 auto;
    list-style: none;
}
ul li {
	list-style: none;
    display: inline-block;
	
}
select,input,textarea,button,.form-control{box-shadow:none;outline:0!important;}
button {background:transparent;border: 0;font-size: 16px;text-transform: capitalize;}

html,body{height: 100%;}

[placeholder]:focus::-webkit-input-placeholder {
  -webkit-transition: opacity 0.3s 0.3s ease; 
  -moz-transition: opacity 0.3s 0.3s ease; 
  -ms-transition: opacity 0.3s 0.3s ease; 
  -o-transition: opacity 0.3s 0.3s ease; 
  transition: opacity 0.3s 0.3s ease; 
  opacity: 0;
}

/* section-header */
.section-header h2{margin-bottom: 20px;}
.section-header h2 span{text-transform: lowercase;color: #d9e1e8;font-size: 24px;margin-right: 5px;}
/* section-header */

/*=============Style css=========*/


/*-------------------------------------
        2. Header-top
--------------------------------------*/
.header-top {padding: 135px 0 110px;}
.head-title {text-align:  center;}
.head-title h2 {
    color:  #0083f2;
    font-size:  36px;
}
.head-title h2 span {text-transform: lowercase;}

/*-------------------------------------
        3. Buttons
--------------------------------------*/
.single-buttons-content .col-sm-12 {padding: 0;}
.single-buttons-content{margin-top: 40px;margin-bottom: 80px;}

/*buttons*/
.btn {
    display: inline-block;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    width: 170px;
    height: 60px;
    line-height: 60px;
    border:1px solid #000;
    border-radius:0px;
    padding:0;
    margin-right:20px;
    margin-bottom: 20px;
    -webkit-transition: .5s; 
    -moz-transition:.5s; 
    -ms-transition:.5s; 
    -o-transition:.5s;
    transition: .5s;
}
.btn,.btn:hover,.btn:focus,.btn.active{color: #fff;box-shadow: none;}
.single-buttons-content .btn:last-child {margin-right: 0;}

/*fill buttons*/
.ts-primary {background-color: #286fff;border-color: #286fff;}
.ts-secondary{ background-color: #9da4b4;border-color: #9da4b4;}
.ts-success{background-color: #00c861;border-color: #00c861;}
.ts-danger{background-color: #f34421;border-color: #f34421;}
.ts-information{background-color: #0eb4f3;border-color: #0eb4f3;}
.ts-light{background-color: #f0f3f9;border-color: #f0f3f9;}

.ts-primary:hover,.ts-primary:focus{background-color: #0655ff;}
.ts-secondary:hover,.ts-secondary:focus{background-color: #9da4bb;}
.ts-success:hover,.ts-success:focus{background-color: #088b47;}
.ts-danger:hover,.ts-danger:focus{background-color: #da260c;}
.ts-information:hover,.ts-information:focus{background-color: #0987b7;}
.ts-light:hover,.ts-light:focus{background-color: #e7e8e9;}
/*fill buttons*/

/*stroke buttons*/
.ts-primary-stroke,.ts-primary-stroke:hover,.ts-primary-stroke:focus {color: #286fff;border-color: #286fff;background-color:transparent;}
.ts-secondary-stroke,.ts-secondary-stroke:hover,.ts-secondary-stroke:focus { color: #9da4b4;border-color: #9da4b4;background-color:transparent;}
.ts-success-stroke,.ts-success-stroke:hover,.ts-success-stroke:focus {color: #00c861;border-color: #00c861;background-color:transparent;}
.ts-danger-stroke,.ts-danger-stroke:hover,.ts-danger-stroke:focus {color:#f34421;border-color: #f34421;background-color:transparent;}
.ts-information-stroke,.ts-information-stroke:hover,.ts-information-stroke:focus {color: #0eb4f3;border-color: #0eb4f3;background-color:transparent;}
.ts-light-stroke,.ts-light-stroke:hover,.ts-light-stroke:focus {color: #f0f3f9;border-color: #f0f3f9;background-color:transparent;}
/*stroke buttons*/

/*input buttons*/
.themesine-input-button input {
    width:100%;
    height: 60px;
    text-align:left;
    background: transparent;
    cursor: pointer;
    padding:0 0 0 30px;
    font-size: 16px;
    text-transform: capitalize;
    margin-bottom: 20px;
}
.ts-input-inactive,.ts-input-inactive:hover,.ts-input-inactive:focus{border:1px solid #e5e8ee;color:#e5e8ee;}
.ts-input-success,.ts-input-success:hover,.ts-input-success:focus{border:1px solid #00c861;color:#00c861;}
.ts-input-error,.ts-input-error:hover,.ts-input-error:focus{border:1px solid #e32600;color: #e32600;}

.themesine-input-button {
    position:  relative;
}
.themesine-input-button span {
    position:  absolute;
    top: 17px;
    right: 30px;
    color: #e32600;
    cursor: pointer;
    font-size: 20px;
}
/*input buttons*/

/*buttons*/

/*-------------------------------------
        4. Tab/Pill
--------------------------------------*/
.tab-pill-content .col-sm-5 {padding: 0;}
.single-tab-pill-content {margin: 40px 0 120px;}

.single-tab-pill-content h2,.single-themesine-lebels h2 {font-size: 20px;margin-bottom: 37px;}

/*.nav-tabs*/
.nav-tabs {border-bottom: 1px solid #c8ccd7;}
.nav-tabs>li>a,.nav-tabs>li>a:hover,.nav-tabs>li>a:focus,
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #286fff;
    font-size: 16px;
    background:transparent;
    padding: 19px 28px;
    border: 1px solid transparent;
    border-radius: 0;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #87939d;
    border: 1px solid #c8ccd7;
    border-bottom-color:#f9fafd;
}
/*.nav-tabs*/

/*.nav-pills*/
.nav.nav-pills {border: 1px solid #286fff;}
.nav-pills>li+li {margin-left: 0px;}
.nav-pills>li>a,.nav-pills>li>a:hover,.nav-pills>li>a:focus,
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color:#286fff;
    background-color:transparent;
    display: inline-block;
    width: 151.7px;
    height: 60px;
    line-height: 60px;
    padding: 0;
    text-align: center;
    border-radius: 0;
    border-right: 1px solid #286fff;
}
.nav-pills>li:last-child>a{border-right: 1px solid transparent;}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    border: 1px solid #286fff;
    background-color: #286fff;
    color: #fff;
}
/*.nav-pills*/

/*-------------------------------------
    5. Themesine-pagination
--------------------------------------*/
.pagination {margin:0;}
.pagination-part{margin:43px 0 0px;}
.pagination-part.page-vertical{margin:25px 0 85px;}

.pagination>.active>a, 
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>li>a:hover,
.pagination>li>a:focus{
    color: #fff;
    cursor: pointer;
    background-color:#286fff;
    border-color: #286fff;
}
.pagination>li>a{
    width: 40px;
    height: 40px;
    text-align: center;
    padding:0;
    margin-left: 10px;
    line-height: 40px;
    color: #87939d;
    font-size:16px;
    font-weight: 500;
    background-color:transparent;
    border: 1px solid #87939d;
    border-radius: 3px;
    margin-bottom: 30px;
    -webkit-transition: .5s linear; 
    -moz-transition:.5s linear; 
    -ms-transition:.5s linear; 
    -o-transition:.5s linear;
    transition: .5s linear;
}
.pagination.themesine-pagination-no-border>li>a{border: 0;}
/*pagination*/

/*-------------------------------------
    6. Themesine-checkboxes
--------------------------------------*/
.single-checkbox-content {margin: 56px 0 120px;}

/*checkbox design start*/

/*ts-checklabel */
.ts-checklabel {
    display: block;
    position: relative;
    padding-left: 38px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 25px;
}

/* Hide the browser's default checkbox */
.ts-checklabel input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.ts-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    border-radius: 3px;
    background-color: #fff;
    border:2px solid #c8ccd7;
}

/* On mouse-over, add a #fff background color */
.ts-checklabel:hover input ~ .ts-checkmark,.ts-checklabel:hover input ~ .ts-radio-checkmark  {background-color: #fff;}

/* When the checkbox is checked, add a #fff background */
.ts-checklabel input:checked ~ .ts-checkmark,.ts-checklabel input:checked ~ .ts-radio-checkmark {background-color: #fff;border: 2px solid #286fff;}

/* Create the checkmark/indicator (hidden when not checked) */
.ts-checkmark:after,.ts-radio-checkmark:after  {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.ts-checklabel input:checked ~ .ts-checkmark:after,.ts-checklabel input:checked ~ .ts-radio-checkmark:after  {display: block;}

/* Style the checkmark/indicator */
.ts-checklabel .ts-checkmark:after {
    left: 6px;
    top: 2px;
    width: 8px;
    height: 12px;
    border: solid #286fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/*checkbox design end*/

/*radio checkbox design start*/

/* Create a custom radio button */
.ts-radio-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #fff;
    border:2px solid #c8ccd7;
    border-radius: 50%;
}

/* Style the indicator (dot/circle) */
.ts-checklabel .ts-radio-checkmark:after {
    top: 5px;
    left: 5px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #286fff;
}
/*radio checkbox design end*/

/*switches design start*/

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width:75px;
  height: 30px;
  margin-right: 25px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    font-weight: 400;
    font-size: 12px;
    padding-left: 10px;
    padding-top: 6px;
    text-transform: uppercase;
    background-color: #ccc;
    -webkit-transition: .25s linear;
    -ms-transition: .25s linear;
    -moz-transition: .25s linear;
    -o-transition: .25s linear;
    transition: .25s linear;
}
.slider:after {
    position: absolute;
    content: "off";
    right: 8px;
    top: 6px;
}
.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .125s linear;
    -ms-transition: .125s linear;
    -moz-transition: .125s linear;
    -o-transition: .125s linear;
    transition: .125s linear;
}

input:checked + .slider {background-color: #2196F3;}

input:focus + .slider {box-shadow: 0 0 1px #2196F3;}

input:checked + .slider:before {
  -webkit-transform: translateX(41px);
  -ms-transform: translateX(41px);
  -moz-transform: translateX(41px);
  -o-transform: translateX(41px);
  transform: translateX(41px);
}

/* Rounded sliders */
.slider.round {border-radius:15px;}

.slider.round:before {border-radius: 50%;}
/*switches design end*/


/*-------------------------------------
    7. Themesine-lebels
--------------------------------------*/
.themesine-lebels-content{padding:10px  0 100px;}
.single-themesine-lebels{padding:25px 0 0;}

/*.labels*/
.label {
    display: inline-block;
    padding:8px 10px 7px 11px;
    font-size:14px;
    font-weight: 400;
    border-radius:0;
    margin-right:10px;
    text-transform: capitalize;
    margin-bottom: 20px;
}

.ts-label-default {background-color: #edeff2;color: #8d96a3;}
.ts-label-primary {background-color: #c6d9ff;color: #1d64f3;}
.ts-label-success {background-color: #b7fbd8;color: #15b261;}
.ts-label-danger  {background-color: #ffc7bc;color: #f34421;}
.ts-label-info    {background-color: #d1f0ff;color: #02adee;}
.ts-label-warning {background-color: #fff0bd;color: #daa900;}

.ts-label-default-stroke {border:1px solid #8d96a3;color: #8d96a3;}
.ts-label-primary-stroke {border:1px solid #1d64f3;color: #1d64f3;}
.ts-label-success-stroke {border:1px solid #15b261;color: #15b261;}
.ts-label-danger-stroke  {border:1px solid #f34421;color: #f34421;}
.ts-label-info-stroke    {border:1px solid #02adee;color: #02adee;}
.ts-label-warning-stroke {border:1px solid #daa900;color: #daa900;}
/*.labels*/

/*-------------------------------------
    8. Themesine-alerts
--------------------------------------*/
.themesine-alerts-content {padding: 38px 0 100px;}
.alert {border-radius: 0; font-size: 16px;}
.alert strong { font-weight:500;font-size: 18px;}

.ts-alert-success {color: #15b261;background-color: #bfffde;border-color: #bfffde;}
.ts-alert-danger {color: #f34421;background-color: #ffc7bc;border-color: #ffc7bc;}
.ts-alert-info {color: #02adee;background-color: #d1f0ff;border-color: #d1f0ff;}
.ts-alert-warning {color: #daa900;background-color: #fff0bd;border-color: #fff0bd;}

a.close,a.close:hover,a.close:focus{
    float: right;
    font-size:24px;
    font-weight: 400;
    color: #000;
    box-shadow: none;
    opacity: 1;
    text-shadow: none;
}
.alert-dismissable .close, .alert-dismissible .close {top: -4px;right: -10px;}

/*-------------------------------------
    9. Themesine-dropdown
--------------------------------------*/
.themesine-dropdown-content {padding:43px 0 250px;display: flex;}
.single-themesine-dropdown {margin-right: 30px;}

.ts-dropdown-btn,.ts-social-btn {
    position: relative;
    color: #286fff;
    width: 200px;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    padding-left: 20px;
    border: 1px solid #286fff;
    margin:0;
}
.ts-dropdown-btn:hover,.ts-dropdown-btn:focus {color:#286fff;}

.dropdown.ts-dropdown-fill .ts-dropdown-btn,.dropdown.ts-dropdown-fill .ts-dropdown-btn:hover,.dropdown.ts-dropdown-fill .ts-dropdown-btn:focus{color: #fff;background: #286fff;}

ul.dropdown-menu li {display: block;}
.ts-dropdown-btn i {position: absolute;top: 23px;right: 20px;}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 200px;
    padding: 18px 0;
    margin: 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    border: 0;
    border-bottom: 3px solid #286fff;
    border-radius:0px;
}
.dropdown.ts-dropdown-fill ul.dropdown-menu {border: 2px solid #c8ccd7;border-bottom: 3px solid #286fff;}
.dropdown-menu>li>a {padding: 0px 0px 18px 20px;color: #8d96a3;font-size: 14px;}
.dropdown-menu>li:last-child>a {padding: 0 0 0 20px;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {color: #286fff;background-color:transparent;outline: 0!important;}

/*-------------------------------------
    10. Themesine-typography
--------------------------------------*/
.themesine-typography-content {padding:38px 0 78px;}
.single-themesine-typography{margin-bottom: 40px;}

/*header*/
.ts-h1 {font-size: 36px;}
.ts-h2 {font-size: 32px;}
.ts-h3 {font-size: 28px;}
.ts-h4 {font-size: 24px;}
.ts-h5 {font-size: 20px;}
.ts-p {font-size: 14px;color: #748595;}
/*header*/

/*-------------------------------------
    11. Themesine-social-buttons
--------------------------------------*/
.themesine-social-btns-content {padding:38px 0 90px;}
.single-themesine-social-btns button {margin-right: 24px;margin-bottom: 30px;}

.ts-social-btn,.ts-social-btn:hover,.ts-social-btn:focus{text-align: center;padding: 0;color: #fff;background: #000;border:1px solid #000;;}

.ts-social-fb{background: #3b5998;border: 1px solid #3b5998}.ts-social-fb:hover,.ts-social-fb:focus{background: #0a2768;border:1px solid #0a2768;}
.ts-social-tw{background: #00aced;border: 1px solid #00aced}.ts-social-tw:hover,.ts-social-tw:focus{background: #0583ba;border:1px solid #0583ba;}
.ts-social-gp{background: #db4a39;border: 1px solid #db4a39}.ts-social-gp:hover,.ts-social-gp:focus{background: #bf2716;border:1px solid #bf2716;}
.ts-social-ln{background: #0e76a8;border: 1px solid #0e76a8}.ts-social-ln:hover,.ts-social-ln:focus{background: #07557b;border:1px solid #07557b;}
.ts-social-pr{background: #c92228;border: 1px solid #c92228}.ts-social-pr:hover,.ts-social-pr:focus{background: #a60a10;border:1px solid #a60a10;}

.ts-social-btn i {margin-right: 10px;}

/*-------------------------------------
    12. Themesine-menu
--------------------------------------*/
.themesine-menu-content{padding:40px 0 100px;}

/*navbar-menu*/
.navbar-inverse {background-color: #fff;border-color: #fff;}
.navbar {min-height: 80px;bottom: 0;padding: 0 100px;}

/*.navbar-brand*/
.navbar-brand,.navbar-brand:hover,.navbar-brand:focus{
    float: left;
    height: 0px;
    line-height: 0px;
    padding: 38px 0px;
}
.navbar-inverse .navbar-brand {
    font-size: 24px;
    color: #56626c;
    font-weight: 700;
}
.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover {
    color: #56626c;;
    background-color: transparent;
}
/*.navbar-brand*/

/*.nav>li>a*/
.navbar.navbar-inverse .nav>li>a {padding: 10px 25px;}

@media (min-width: 768px){.navbar.navbar-inverse .navbar-nav>li>a {padding-top: 28px;padding-bottom: 28px;}}

.navbar-inverse .navbar-nav>li>a {
    color: #56626c;
    font-size: 16px;
    font-weight: 500;
    -webkit-transition: .5s linear; 
    -moz-transition:.5s linear; 
    -ms-transition:.5s linear; 
    -o-transition:.5s linear;
    transition: .5s linear;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus {color: #286fff;background-color:transparent;}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {color:#286fff;background-color: #fff;}

.navbar-inverse .dropdown-menu {border-top: 3px solid #286fff;border-bottom: 0;min-width: 150px;padding: 14px 0;}

/*.nav>li>a*/

/*.navbar-toggle */
.navbar-toggle{
    background-color:#56626c;
    border: 1px solid #56626c;
    margin-top: 25px;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {background-color: #56626c;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {border-color: transparent;}
/*.navbar-toggle */

/*navbar-menu*/


/*===============================
    13. Scroll Top
===============================*/
#scroll-Top  .return-to-top {
    position: fixed;
    right: 30px;
    bottom: 30px;
    display: none;
    width: 40px;
    line-height: 40px;
    height: 40px;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
    color: #fff;
    background:#4e4ffa;
	border:1px solid #4e4ffa;
	border-radius:50%;
	-webkit-transition: .5s; 
	-moz-transition:.5s; 
	-ms-transition:.5s; 
	-o-transition:.5s;
    transition: .5s;
	z-index: 2;
}
#scroll-Top  .return-to-top:hover {
    background:#fff;
    color: #4e4ffa;
	border:1px solid #4e4ffa;
}

#scroll-Top  .return-to-top i{
    position:relative;
    bottom:0;

}

#scroll-Top  .return-to-top i{
    position: relative;
    animation-name: example;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-duration:1s;
}
@keyframes example {
    0%   {bottom:0px;}
    100%  {bottom:7px;}
}

/*===============================
    14. Responsive
===============================*/

@media screen and (max-width:1199px){
    .single-buttons-content .col-sm-12 {padding:0 15px;}
    .nav-pills>li>a, .nav-pills>li>a:hover, .nav-pills>li>a:focus, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {width: 124.05px;}
}/*max-width:1199px*/

@media screen and (max-width:991px){
    .nav-pills>li>a, .nav-pills>li>a:hover, .nav-pills>li>a:focus, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {width: 114.20px;}
    .navbar { padding: 0 20px;}
}/*max-width:991px*/

@media screen and (max-width:767px){
    .single-buttons-content{margin-bottom: 60px;}

    .nav.nav-pills {max-width: 344.6px;}

    .themesine-input-button {max-width: 350px; margin: 0 auto;}

    .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus {color: #286fff; background-color:transparent;}
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {color: #286fff; background-color:transparent;}
}/*max-width:767px*/

@media screen and (max-width: 480px){
    .themesine-dropdown-content {display: block;}
    .single-themesine-dropdown {margin-bottom: 20px;}
}/*max-width:480px*/

@media screen and (max-width: 399px){
    .nav-tabs>li>a, .nav-tabs>li>a:hover, .nav-tabs>li>a:focus, .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {padding: 19px 7px;}
    .nav-pills>li>a, .nav-pills>li>a:hover, .nav-pills>li>a:focus, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {width:72.70px;}
    .nav.nav-pills {max-width: 220.1px;}
}/*max-width:399px*/

@media screen and (max-width: 320px){
    .navbar { padding: 0 10px;}
    .navbar-inverse .navbar-brand {font-size: 20px;}
}/*max-width:399px*/


/*========================Thank you=================