/** Width between 1200x to 0
 *  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

@media (min-width: 1200px) {
	
	/* About */
	.col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 62.333333%;
    max-width: 62.333333%;
    }
}

/** Width between 992px to 1199px
 *  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

@media (min-width: 992px) and (max-width: 1199px) {
	
  .map {
  width: 450px;
  margin-top: 30px;
}



	/* About */
	.col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 62.333333%;
    max-width: 62.333333%;
    }

  
}

/** Width between 768px to 991px
 *  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */
 


@media (min-width: 768px) and (max-width: 991px) {
  /* Navbar */
  nav {
    padding: 10px 15px;
  }
  .nav-menu {
    margin-top: 40px;
    display: none;
    float: none;
    width: 100%;
  }
  .nav-menu li {
    float: none;
    width: 100%;
    text-align: center;
    border-top: 1px solid #f7f7f7;
    line-height: 45px;
    margin-left: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  
    nav ul li a {
	font-size: 18px;
		background: none;

}  

 .responsive {
  	float: right;
    padding-right: 10px;
    padding-top: 10px;
    display: block;
    font-size: 48px;
  }
  .paddsection {
  	padding-top: 10px;
  	padding-bottom: 0px;
  }
  
  
  .section-title {
    margin-bottom: 35px;
    margin-top: 50px;
  }
  
   .btn{
	  margin-top: 35px;
  }
  
   .p-heading {
	font-size: 24px;
  	margin-top: 25px;
   font-weight: 500;
   letter-spacing: 0.0em;
   line-height: 32px;
   margin-top: 40px;
   margin-bottom: 30px;
        
   }
     
  /* Home */
#header {
   margin-bottom: 20px;
   padding-top: 20%;
}
    
  #header-bottom {
     top:86%;
}
  
  .btn-get-started{
	margin-top: 28px;
}


  /* About */
  
  #about {
    margin-bottom: 30px;

   }
  

  
  .head-info .header-content .cmaster h1 {
    font-size: 32px;
  }
  #about .div-img-bg {
    padding: 0;
  }
  #about .div-img-bg .about-img img {
    margin-top: 0%;
    margin-left: calc(0% - 0px);
  }

  #about .about-descr .separator {
    max-width: 100%;
    margin-bottom: 0;
  }
  
   .btn-about{
	margin-right: 0px;
  }
  
  .hide-mobile{
   display: none;
  }
  
  /* portfolio */
  
    #portfolio{
    margin-top: 0px;
   }
   
  #portfolio .portfolio-list .nav li {
    float: none;
    margin: 20px;
    display: inline-block;
  }
  
  .portfolio #portfolio-flters li {
  cursor: pointer;
  display: inline-block;
  padding: 8px 16px 10px 16px;
  margin: 2px 1px 2px 1px;
  font-size: 14px;
  }
  
  /* reveal porfolilo details*/

  .portfolio .portfolio-wrap .portfolio-links a {
   color: #78d9cd;
   }
 
   .portfolio .portfolio-wrap:before{
    opacity: 0.7;
	}
 
	.portfolio .portfolio-wrap img {
    transform: scale(1.2);
	}
	.portfolio .portfolio-wrap .portfolio-info {
     opacity: 1;
	}
  
  .footnote{
  display: none;
   }

  
  /* journal */
  #journal .journal-block .journal-info {
    margin-bottom: 30px;
  }
  /* Contact */
  
  #contact{
  margin-bottom: 40px;
  }  
   
  .contact-contact {
    margin-bottom: 30px;
  }

    
  .contact-contact {
  width: 94%;
  }
  
  .map {
  display:none;	 
  width: 450px;
  margin-top: 20px;
  margin-bottom: 40px;
  }
  
   #map_animation{
  display: none;
  }
  

  
.vcard-add{

   font-size: 35px;
   display: inline-block; 
   position: absolute;
   margin-top: 2px;
   margin-left: 10px;   
  }

  .vcard-qr{
   display: none;
  }
  
  /* Footer */
  #footer .socials-media ul li {
    margin-right: 0;
    margin-left: 0;
    float: none;
    display: inline-block;
  }
}

/** Width between 767px to 0
 *  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

@media (max-width: 767px) {
  /* Navbar */
  nav {
    padding: 3px 15px;
  }
  .nav-menu {
    margin-top: 40px;
    display: none;
    float: none;
    width: 100%;
  }
  .nav-menu li {
    float: none;
    width: 100%;
    text-align: center;
    border-top: 1px solid #f7f7f7;
    line-height: 45px;
    margin-left: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  
    nav ul li a {
	font-size: 18px;
		background: none;

}  
 .responsive {
  	float: right;
    padding-right: 10px;
    padding-top: 10px;
    display: block;
    font-size: 48px;
  }
  .paddsection {
  	padding-top: 10px;
  	padding-bottom: 0px;
  }
  
 .logo img {
    width: 270px;
    height: 66px;
  }
  
  .section-title h2 {
 margin-bottom: 35px;
    margin-bottom: 25px;
  }
  
  .section-title {
    margin-bottom: 35px;
    margin-top: 50px;
  }
  
     .p-heading {
	font-size: 24px;
  	margin-top: 25px;
   font-weight: 500;
   letter-spacing: 0.0em;
     line-height: 32px;
      margin-top: 40px;
   margin-bottom: 30px;
   }
  
   .btn{
	  margin-top: 35px;
  }
  
    /* Home */
    
      
#header {
   margin-bottom: 20px;
   padding-top: 20%;
}
  
 .header-content h1 {
     font-size: 50px;
     font-weight: 700;
     margin-bottom: 10px;
     text-transform: uppercase;
     color: #000;
     line-height: 50px;
     
   }
    
  #header-bottom {
     top:86%;
}
   
   
      .header-content p {
     font-size: 18px;
	}
  
.btn-get-started{
	margin-top: 28px;
}

  
  /* About */
  
  #about {
     margin-bottom: 30px;

   }
   

  
  .head-info .header-content h1 {
    font-size: 32px;
  }
  #about .div-img-bg {
    padding: 0;
  }
  #about .div-img-bg .about-img img {
    margin-top: 0%;
    margin-left: calc(0% - 0px);
  }

  #about .about-descr .separator {
    max-width: 100%;
    margin-bottom: 0;
  }
  
  
   .btn-about{
	margin-right: 0px;
  }

  .hide-mobile{
   display: none;
  }
  
  /* portfolio */
  
    #portfolio{
    margin-top: 0px;
   }
   
  #portfolio .portfolio-list .nav li {
    float: none;
    margin: 20px;
    display: inline-block;
  }
  
  .portfolio #portfolio-flters li {
  cursor: pointer;
  display: inline-block;
  padding: 8px 10px 10px 10px;
  margin: 2px 1px 2px 1px;
  font-size: 14px;
  }
  
  
  /* reveal porfolilo details*/

  .portfolio .portfolio-wrap .portfolio-links a {
   color: #78d9cd;
   }
 
   .portfolio .portfolio-wrap:before{
    opacity: 0.7;
	}
 
	.portfolio .portfolio-wrap img {
    transform: scale(1.2);
	}
	.portfolio .portfolio-wrap .portfolio-info {
     opacity: 1;
	}
  
  .footnote{
  display: none;
   }
  
  /* journal */
  #journal .journal-block .journal-info {
    margin-bottom: 30px;
  }
  /* Contact */
  
  #contact{
  margin-bottom: 40px;
  }
     
  .contact-contact {
  margin-bottom: 30px;
  }
  

    
  .contact-contact {
  width: 94%;
  }
  
  
  .map {
  display:none;	 
  width: 450px;
  margin-top: 20px;
  margin-bottom: 40px;
  }
  
   #map_animation{
  display: none;
  }
  
.vcard-add{

   font-size: 34px;
   display: inline-block; 
   position: absolute;
   margin-top: 2px;
   margin-left: 10px;      
  }

  .vcard-qr{
   display: none;
  }
  
  /* Footer */
  #footer .socials-media ul li {
    margin-right: 0;
    margin-left: 0;
    float: none;
    display: inline-block;
  }
}

/** Width between 600px to 0
 *  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

@media (max-width: 600px) {
  /* Navbar */
  nav {
    padding: 3px 15px;
  }
  .nav-menu {
    margin-top: 70px;
    display: none;
    float: none;
    width: 100%;
  }
  .nav-menu li {
    float: none;
    width: 100%;
    text-align: center;
    border-top: 1px solid #f7f7f7;
    line-height: 45px;
    margin-left: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  
  
    nav ul li a {
	font-size: 18px;
		background: none;

}


  nav ul li a:hover {
    background: linear-gradient(to right, rgba(230,177,62,1) 0%, rgba(247,124,247,1) 100%);
    background-position: 0% 88%;
    background-size: 100% 50%;
    background-repeat: no-repeat;
}  
  .responsive {
    float: right;
    padding-top: 10px;
    display: block;
  }
  .paddsection {
  	padding-top: 10px;
  	padding-bottom: 0px;
  }
  
 .logo img {
    width: 270px;
    height: 66px;
  }
  
  .section-title h2 {
    font-size: 62px;
    margin-bottom: 25px;
   
  }
  
  .section-title {
    margin-bottom: 35px;
    margin-top: 50px;
  }
  
   .btn{
	  margin-top: 35px;
  }
     .p-heading {
	font-size: 24px;
  	margin-top: 25px;
   font-weight: 500;
   letter-spacing: 0.0em;
   line-height: 32px;
    margin-top: 40px;
   margin-bottom: 30px;
   }
  
    /* Home */
    
      
#header {
   margin-bottom: 20px;
   padding-top: 20%;
}
  
	.header-content h1 {
     font-size: 62px;
     font-weight: 700;
     margin-bottom: 10px;
     text-transform: uppercase;
     color: #000;
     line-height: 40px;
   }
   
    
  #header-bottom {
     top:86%;
}

    .header-content p {
     font-size: 18px;
	}
   
    .header-content .header-phrase {

    font-size: 20px;
       font-weight: 400px;
       line-height: 24px;
    }  
    
    .btn-get-started{
	margin-top: 28px;
}

  
  .break-mobile{
	  display: inline-block;
  }


  
  /* About */
  
  #about {
    margin-bottom: 30px;

   }
   

   
  .head-info .header-content h1 {
    font-size: 32px;
  }
  #about .div-img-bg {
    padding: 0;
  }
  #about .div-img-bg .about-img img {
    margin-top: 0%;
    margin-left: calc(0% - 0px);
  }

  #about .about-descr .separator {
    max-width: 100%;
    margin-bottom: 0;
  }
  
  .btn-about{
	margin-right: 0px;
  }
  
   .btn-about{
	margin-right: 0px;
  }
  
  .hide-mobile{
   display: none;
  }
  
  /* portfolio */
  
    #portfolio{
    margin-top: 0px;
   }
   
  #portfolio .portfolio-list .nav li {
    float: none;
    margin: 10px;
    display: inline-block;
  }
  
  .portfolio #portfolio-flters li {
  cursor: pointer;
  display: inline-block;
  padding: 8px 6px 10px 6px;
  margin: 2px 1px 2px 1px;
  font-size: 14px;
  }
  
  /* reveal porfolilo details*/

  .portfolio .portfolio-wrap .portfolio-links a {
   color: #78d9cd;
   }
 
   .portfolio .portfolio-wrap:before{
    opacity: 0.7;
	}
 
	.portfolio .portfolio-wrap img {
    transform: scale(1.2);
	}
	.portfolio .portfolio-wrap .portfolio-info {
     opacity: 1;
	}
  
  
  .footnote{
  display: none;
  }
  
  /* journal */
  #journal .journal-block .journal-info {
    margin-bottom: 30px;
  }
  /* Contact */
  
  #contact{
  margin-bottom: 40px;
  } 
  
  .contact-contact {
    margin-bottom: 30px;
  }
  

  
  .contact-contact {
  width: 94%;
  }
  
  .map {
  display:none;	 
  width: 450px;
  margin-top: 20px;
  margin-bottom: 40px;
  }
  
   #map_animation{
  display: none;
  }
  
.vcard-add{

   font-size: 35px;
   display: inline-block; 
   position: absolute;
   margin-top: 2px;
   margin-left: 10px;  
  }

  .vcard-qr{
   display: none;
  }

  /* Footer */
  #footer .socials-media ul li {
    margin-right: 0;
    margin-left: 0;
    float: none;
    display: inline-block;
  }
}

/** Width between 480px to 0
 *  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

@media (max-width: 480px) {
  /* Navbar */
  nav {
    padding: 3px 15px;
  }
  .nav-menu {
    margin-top: 70px;
    display: none;
    float: none;
    width: 100%;
  }
  .nav-menu li {
    float: none;
    width: 100%;
    text-align: center;
    border-top: 1px solid #f7f7f7;
    line-height: 45px;
    margin-left: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  
    nav ul li a {
	font-size: 18px;
   
}  

  nav ul li a:hover {

 background: #cccccc52;
    background-position: 0% 88%;
    background-size: 100% 50%;
    background-repeat: no-repeat;
}

  .responsive {
  	float: right;
    padding-right: 10px;
    padding-top: 10px;
    display: block;
    font-size: 48px;
  }
  .paddsection {
  	padding-top: 10px;
  	padding-bottom: 0px;
  }

  .logo img {
    width: 270px;
    height: 66px;
  }
  
  .section-title h2 {
    margin-bottom: 35px;
    margin-top: 50px;
  }
  
  .section-title {
    margin-bottom: 35px;
    margin-top: 50px;
  }
  
   .btn{
	  margin-top: 35px;
  }
     .p-heading {
	font-size: 24px;
  	margin-top: 25px;
   font-weight: 500;
   letter-spacing: 0.0em;
     line-height: 32px;
      margin-top: 40px;
   margin-bottom: 30px;
   }
  
    /* Home */
      
#header {
   margin-bottom: 20px;
   padding-top: 20%;
}
  
	.header-content h1 {
     font-size: 50px;
     font-weight: 700;
     margin-bottom: 10px;
     text-transform: uppercase;
     color: #000; 
     line-height: 50px;
   }
   
    
  #header-bottom {
     top:86%;
}
     .header-content p {
     font-size: 18px;
     margin-bottom: 7px;
     	}
	
   .header-content .header-phrase {

    font-size: 20px;
       font-weight: 400px;
       line-height: 24px;
    }  
    
  .btn-get-started{
	margin-top: 28px;
}

  
  
  .break-mobile{
	  display: inline-block;
  }

  /* About */
  
   #about {
	       margin-bottom: 30px;


   }

   
  .head-info .header-content h1 {
    font-size: 32px;
  }
  #about .div-img-bg {
    padding: 0;
  }
  #about .div-img-bg .about-img img {
    margin-top: 0%;
    margin-left: calc(0% - 0px);
  }

  #about .about-descr .separator {
    max-width: 100%;
    margin-bottom: 0;
  }
  
  .btn-about{
	margin-right: 0px;
  }

  .hide-mobile{
   display: none;
  }
  
  /* portfolio */
  
  
    #portfolio{
    margin-top: 0px;
   }
   
  #portfolio .portfolio-list .nav li {
    float: none;
    margin: 20px;
  }
  
  .portfolio #portfolio-flters li {
  cursor: pointer;
  display: inline-block;
  padding: 8px 6px 10px 6px;
  margin: 2px 1px 2px 1px;
  font-size: 12px;
  }
  
  /* reveal porfolilo details*/

  .portfolio .portfolio-wrap .portfolio-links a {
   color: #78d9cd;
   }
 
   .portfolio .portfolio-wrap:before{
    opacity: 0.7;
	}
 
	.portfolio .portfolio-wrap img {
    transform: scale(1.2);
	}
	.portfolio .portfolio-wrap .portfolio-info {
     opacity: 1;
	}
  
.footnote{
display: none;
}

  
  /* journal */
  #journal .journal-block .journal-info {
    margin-bottom: 30px;
  }
  /* Contact */
  
  #contact{
  margin-bottom: 40px;
  padding-bottom: 40px
  } 
  
  .contact-contact {
  margin-bottom: 30px;
  }
  

  
  .contact-contact {
  width: 94%;
  }
  
  .map {
  display:none;	 	  
  width: 450px;
  margin-top: 20px;
  margin-bottom: 40px;
  }
  
   #map_animation{
  display: none;
  }
  
  
.vcard-add{

   font-size: 35px;
   display: inline-block; 
   position: absolute;
   margin-top: 3px;
   margin-left: 10px;    
  }

  .vcard-qr{
   display: none;
  }

  
  /* Footer */
  #footer .socials-media ul li {
    margin-right: 0;
    margin-left: 0;
    float: none;
    display: inline-block;
  }
}

/** Width between 320px to 0
 *  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

@media (max-width: 320px) {
  /* Navbar */
  
  nav {
    padding: 3px 15px;
  }
  .nav-menu {
    margin-top: 70px;
    display: none;
    float: none;
    width: 100%;
  }
  .nav-menu li {
    float: none;
    width: 100%;
    text-align: center;
    border-top: 1px solid #f7f7f7;
    line-height: 45px;
    margin-left: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  
  
  nav ul li a {
	font-size: 18px;
	background: none;
}    
    
    nav ul li a:hover {
    background: linear-gradient(to right, rgba(230,177,62,1) 0%, rgba(247,124,247,1) 100%);
    background-position: 0% 88%;
    background-size: 100% 22%;
    background-repeat: no-repeat;
}
    
 .responsive {
  	float: right;
    padding-right: 10px;
    padding-top: 10px;
    display: block;
    font-size: 48px;
  }
  .paddsection {
  	padding-top: 10px;
  	padding-bottom: 0px;
  }
  
  .logo img {
    width: 270px;
    height: 66px;
  }
  
  .section-title {
    margin-bottom: 35px;
    margin-top: 50px;
  }
  
  .section-title h2{
	   margin-bottom: 35px;
    margin-top: 50px;
	 
  }
  
  .btn{
	  margin-top: 35px;
  }
  
     .p-heading {
	font-size: 24px;
  	margin-top: 25px;
   font-weight: 500;
   letter-spacing: 0.0em;
     line-height: 32px;
      margin-top: 40px;
   margin-bottom: 30px;
   }
  
  /* Home */
  
#header {
   margin-bottom: 20px;
   padding-top: 20%;
}
  
 .header-content h1 {
     font-size: 50px;
     font-weight: 700;
     margin-bottom: 10px;
     text-transform: uppercase;
     color: #000;
     line-height: 50px;

   }
   
    
  #header-bottom {
     top:86%;
}
   
    .header-content p {
     font-size: 18px;
	}
   
   
   
   .header-content .header-phrase {

    font-size: 20px;
    font-weight: 400px;
    line-height: 24px;
    }  
    
    .section-title h2 {
 margin-bottom: 35px;
    margin-top: 50px;

}
.btn-get-started{
	margin-top: 28px;
}


    
  /* About */
  
   #about {
	       margin-bottom: 30px;
   }
   

   
   
  .head-info .header-content h1 {
    font-size: 32px;
  }
  #about .div-img-bg {
    padding: 0;
  }
  #about .div-img-bg .about-img img {
    margin-top: 0%;
    margin-left: calc(0% - 0px);
  }

  #about .about-descr .separator {
    max-width: 100%;
    margin-bottom: 0;
  }
  
  .btn-about{
	margin-right: 0px;
  }
  

  
  .hide-mobile{
   display: none;
  }
  
  /* portfolio */
  
  
  #portfolio{
    margin-top: 0px;
   }
  
  #portfolio .portfolio-list .nav li {
    float: none;
    margin: 20px;
  }

  .portfolio #portfolio-flters li {
  cursor: pointer;
  display: inline-block;
  padding: 8px 6px 10px 6px;
  margin: 2px 1px 2px 1px;
  font-size: 12px;
  }
  
  
  
 .portfolio .portfolio-wrap  {
     content: "";
     background: rgba(34, 34, 34, 0.6);
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     transition: all ease-in-out 0.3s;
     z-index: 2;
     opacity: 0;
}

	/* reveal porfolilo details*/

  .portfolio .portfolio-wrap .portfolio-links a {
   color: #78d9cd;
   }
 
   .portfolio .portfolio-wrap:before{
    opacity: 0.7;
	}
 
	.portfolio .portfolio-wrap img {
    transform: scale(1.2);
	}
	.portfolio .portfolio-wrap .portfolio-info {
     opacity: 1;
	}


.footnote{
display: none;
}
  
  /* journal */
  #journal .journal-block .journal-info {
    margin-bottom: 30px;
  }
  /* Contact */
  
  
  #contact{
  margin-bottom: 40px;
  } 
  
  .contact-contact {
  margin-bottom: 30px;
  }
  

  .contact-contact {
  width: 94%;
  }
  
  .map {
  display:none;	  
  width: 350px;
  margin-top: 20px;
  margin-bottom: 40px;
  }  
  
  #map_animation{
  display: none;
  }
  
.vcard-add{

   font-size: 35px;
   display: inline-block; 
   position: absolute;
   margin-top: 2px;
   margin-left: 10px;      
  }

  .vcard-qr{
   display: none;
  }

  
  /* Footer */
  #footer .socials-media ul li {
    margin-right: 0;
    margin-left: 0;
    float: none;
    display: inline-block;
  }
  /* Single page */
  .entry-comments-body span {
    display: inline-block;
    margin-right: 0;
  }
}